Angularjs ng-submit機能が動作しません

Question

私のHTMLビューにng-templateがあり、ng-テンプレート内にフォームがあります。フォームからフォームデータを送信する必要があり、ng-submitを使用していますそれを行うには。しかし、私はsubmitボタンをクリックすると何も起こりません。他のデータバインディングは、コントローラのng-modelを使用してフォームのテキストフィールドで動作します。フォローは私のHTMLコードです。

<script type="text/ng-template" id="updatetemplate"> 
    <div class="box box-primary"> 
    <div class="box-header with-border"> 
    <h3 class="box-title">Update</h3> 
    </div> 
    <!-- /.box-header --> 
    <!-- form start --> 
    <form name="update_form" ng-submit="updateUser(ngDialogData.id, ngDialogData.currentname, ngDialogData.currentroleid)"> 
    <div class="box-body"> 
    <div class="form-group"> 
    <input type="hidden" name="userid" ng-model="ngDialogData.id" class="form-control"> 
    <label>Name</label> 
    <input type="text" class="form-control" name="name" ng- model="ngDialogData.currentname" placeholder="Enter name"> 
    <p></p> 
    <label>User role</label> 
    <input type="text" class="form-control" name="roleid" ng-model="ngDialogData.currentroleid" placeholder="Enter name"> 
    </select> 

    </div> 

    </div> 
    <!-- /.box-body --> 

    <div class="box-footer"> 
    <button type="submit" class="btn btn-primary" name="updatebutton">Update</button> 
    </div> 
    </form> 
    </div> 
    <!-- /.box --> 
    </script> 

Answer 1

いくつかのコードの修正がなされる必要があります。

• がng- modelから空白を削除します。それぞれng-modelをupdateUser機能に渡す代わりに、
• とすることができる。 ngDialogDataオブジェクト全体を渡すだけです。
• フォームに無効な</select>タグが1つあります。それを取り除く。

の作業フィドル：https://jsfiddle.net/d8ye0sbz/