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

ng-init alway giving error in Browser Consolde

本文关键字：出错 错误 安慰 浏览器 ng-init      更新时间：2023-09-26

我正在使用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">

ng-init的语法是ng-init="expression"，你不应该用braces({{)包装它

试试这个：

<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>

相关文章：