我知道AngularJS会将一些代码运行两次,有时甚至更多,比如$watch events,不断检查模型状态等等。
然而我的代码:
function MyController($scope, User, local) {
var $scope.User = local.get(); // Get locally save user data
User.get({ id: $scope.User._id.$oid }, function(user) {
$scope.User = new User(user);
local.save($scope.User);
});
//...
执行两次,将2条记录插入到我的DB中。我显然还在学习,因为我已经用我的头撞它很多年了!
应用路由器指定导航到MyController,如下所示:
$routeProvider.when('/',
{ templateUrl: 'pages/home.html',
controller: MyController });
但我在home。html中也有这个:
<div data-ng-controller="MyController">
这对控制器进行了两次消化。从HTML中删除data-ng-controller属性解决了这个问题。或者,controller:属性可以从路由指令中删除。
使用选项卡导航时也会出现此问题。例如,app.js可能包含:
.state('tab.reports', {
url: '/reports',
views: {
'tab-reports': {
templateUrl: 'templates/tab-reports.html',
controller: 'ReportsCtrl'
}
}
})
相应的报告标签HTML可能类似于:
<ion-view view-title="Reports">
<ion-content ng-controller="ReportsCtrl">
这也将导致运行控制器两次。