ng-init总是在浏览器Consolde中给出错误

时间:2016-02-09 07:02:02

标签: javascript jquery angularjs mvvm

我正在使用ng-init表达式将选定下拉列表中的值赋给viewModel。功能正常。但是它在浏览器控制台中显示了很多错误。任何人都可以帮我这个吗?

<div class="form-group">
                            <label class="control-label col-md-3">Approve Status:</label>
                            <div class="col-md-4">
                                <select ng-disabled="true" ng-init="{{obj.ApproveID=selectedApproveStatus.DropdownUtilityID}}" ng-model="selectedApproveStatus" data-ng-options="option.DropdownUtilityName for option in approveStatus track by option.DropdownUtilityID" class="form-control"></select>
                            </div>
                        </div>
Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{obj.ApproveID=selectedApproveStatus.DropdownUtilityID}}] starting at [{obj.ApproveID=selectedApproveStatus.DropdownUtilityID}}].
http://errors.angularjs.org/1.4.7/$parse/syntax?p0=%7B&p1=invalid%20key&p2=…%7D%7D&p4=%7Bobj.ApproveID%3DselectedApproveStatus.DropdownUtilityID%7D%7D
    at http://localhost:21845/Scripts/angular.js:68:12
    at Object.AST.throwError (http://localhost:21845/Scripts/angular.js:13057:11)
    at Object.AST.object (http://localhost:21845/Scripts/angular.js:13044:16)
    at Object.AST.primary (http://localhost:21845/Scripts/angular.js:12952:22)
    at Object.AST.unary (http://localhost:21845/Scripts/angular.js:12940:19)
    at Object.AST.multiplicative (http://localhost:21845/Scripts/angular.js:12927:21)
    at Object.AST.additive (http://localhost:21845/Scripts/angular.js:12918:21)
    at Object.AST.relational (http://localhost:21845/Scripts/angular.js:12909:21)
    at Object.AST.equality (http://localhost:21845/Scripts/angular.js:12900:21)
    at Object.AST.logicalAND (http://localhost:21845/Scripts/angular.js:12892:21) <select ng-disabled="true" ng-init="{{obj.ApproveID=selectedApproveStatus.DropdownUtilityID}}" ng-model="selectedApproveStatus" data-ng-options="option.DropdownUtilityName for option in approveStatus track by option.DropdownUtilityID" class="form-control ng-pristine ng-untouched ng-valid">

1 个答案:

答案 0 :(得分:2)

  

ng-init的语法为ng-init="expression",您不应将其包含在braces({{)

试试这个:

&#13;
&#13;
<div class="form-group">
  <label class="control-label col-md-3">Approve Status:</label>
  <div class="col-md-4">
    <select ng-disabled="true" ng-init="obj.ApproveID=selectedApproveStatus.DropdownUtilityID" ng-model="selectedApproveStatus" data-ng-options="option.DropdownUtilityName for option in approveStatus track by option.DropdownUtilityID" class="form-control"></select>
  </div>
</div>
&#13;
&#13;
&#13;