標記中的基本除錯

範圍測試和模型輸出

<div ng-app="demoApp" ng-controller="mainController as ctrl">
    {{$id}}
    <ul>
        <li ng-repeat="item in ctrl.items">
            {{$id}}<br/>
            {{item.text}}
        </li>
    </ul>
    {{$id}}
    <pre>
       {{ctrl.items | json : 2}}
    </pre>
</div>

angular.module('demoApp', [])
.controller('mainController', MainController);

function MainController() {
    var vm = this;
    vm.items = [{
        id: 0,
        text: 'first'
    },
    {
        id: 1,
        text: 'second'
    },
    {
        id: 2,
        text: 'third'
    }];
}

有時它可以幫助檢視是否有新的範圍來修復範圍問題。$scope.$id 可以在標記中的任何位置使用，以檢視是否有新的$ scope。

在該示例中，你可以看到 ul-tag 之外的範圍相同（$ id = 2），並且在 ng-repeat 內部，每次迭代都有新的子範圍。

預標籤中模型的輸出對於檢視模型的當前資料非常有用。json 過濾器建立一個漂亮的格式化輸出。使用預標記是因為在該標記內部將正確顯示任何換行字元\n。

演示