Question

以下是我的代码.2方式绑定未按预期工作。你能否指出错误

<div id="list" class="form-group">
            <label for="attach" class="col-xs-2 control-label">{{ resource["gve.common.attach"] }}</label>
            <div class="col-xs-5">
                <ol class="marTop10">
                    <li class="exactFit" ng-repeat="files in attachList">{{ files.fileName }}</li>
                </ol>
            </div>
        </div>



$scope.populateView = function() 
    {
        $rootScope.inputSpin        = false;
        $rootScope.modifiedCaseData = $scope.problem;
        $scope.showReviewBtn        = $rootScope.showReviewBtn; 
        $scope.attachList = [];

        $scope.attachList.push({fileId:"100",fileName:"Test.pdf"});
        for(i in $scope.attachList) {
            console.log (i, $scope.attachList[i]);
        }
    };

即使{fileId：“100”，fileName：“Test.pdf”}添加到$ scope.attachList

，

fileName也不会显示在HTML {{files.fileName}}中编辑1：我很抱歉没有提到这些细节。 ng-controller已经定义，populateView（）是从不同的函数调用的。

编辑2：来自console.log。

09:56:17.486 problemCtrl.js?gccm=1.0:185 0 Object {fileId: 100, fileName: "untitled 8.txt"}fileId: 100fileName: "untitled 8.txt"

Answer 1

您是否缺少ng-controller指令或已在其他地方定义过？

Answer 2

确保您拨打 populateView()

<强>样本

＆＃13;

var app = angular.module('test',[]);
app.controller('testCtrl',function($scope){
$scope.populateView = function() 
    {
      $scope.attachList = [];  $scope.attachList.push({fileId:"100",fileName:"Test.pdf"});
    };
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div  ng-app="test" ng-controller="testCtrl" ng-init="populateView()" class="col-xs-5">
       <ol class="marTop10">
        <li class="exactFit" ng-repeat="files in attachList">{{ files.fileName }}</li>
        </ol>
 </div>

＆＃13;

角度双向绑定无法正常工作

2 个答案: