首頁(yè) 猿問兩次對(duì)抗AngularJS執(zhí)行控制器

兩次對(duì)抗AngularJS執(zhí)行控制器

AngularJS

呼喚遠(yuǎn)方 2019-08-09 15:11:12

兩次對(duì)抗AngularJS執(zhí)行控制器我理解AngularJS會(huì)運(yùn)行一些代碼兩次，有時(shí)甚至更多，比如$watch事件，不斷檢查模型狀態(tài)等。不過(guò)我的代碼：function MyController($scope, User, local) {var $scope.User = local.get(); // Get locally save user dataUser.get({ id: $scope.User._id.$oid }, function(user) { $scope.User = new User(user); local.save($scope.User);});//...執(zhí)行兩次，將2條記錄插入我的數(shù)據(jù)庫(kù)。我顯然還在學(xué)習(xí)，因?yàn)槲叶嗄陙?lái)一直在抨擊這個(gè)！

查看完整描述

3 回答

慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊

應(yīng)用程序路由器指定導(dǎo)航MyController如下：

$routeProvider.when('/',
                   { templateUrl: 'pages/home.html',
                     controller: MyController });

但我也有這個(gè)home.html：

<div data-ng-controller="MyController">

這消化了控制器兩次。data-ng-controller從HTML中刪除屬性解決了問題?；蛘?，該controller:屬性可能已從路由指令中刪除。

使用選項(xiàng)卡式導(dǎo)航時(shí)也會(huì)出現(xiàn)此問題。例如，app.js可能包含：

  .state('tab.reports', {
    url: '/reports',
    views: {
      'tab-reports': {
        templateUrl: 'templates/tab-reports.html',
        controller: 'ReportsCtrl'
      }
    }
  })

相應(yīng)的報(bào)告選項(xiàng)卡HTML可能類似于：

<ion-view view-title="Reports">
  <ion-content ng-controller="ReportsCtrl">

這也將導(dǎo)致控制器運(yùn)行兩次。

反對(duì) 回復(fù) 2019-08-09

鳳凰求蠱

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊

我剛剛完成了這個(gè)，但問題與接受的答案不同。我真的把這個(gè)留給了我未來(lái)的自我，包括我修復(fù)它的步驟。

刪除冗余控制器聲明
檢查路由中的尾部斜杠
檢查 ng-ifs
檢查是否有任何不必要的包裝ng-view調(diào)用（我意外地留下了包含ng-view我的實(shí)際內(nèi)容ng-view。這導(dǎo)致三次調(diào)用我的控制器。）
如果您使用的是Rails，則應(yīng)turbolinks從application.js文件中刪除gem 。我浪費(fèi)了一整天才發(fā)現(xiàn)這一點(diǎn)。在這里找到答案。
使用ng-app和bootstrap初始化應(yīng)用程序兩次。兩次對(duì)抗AngularJS執(zhí)行控制器
當(dāng)在指令的'link'-function中使用$ compile時(shí)，整個(gè)元素也有自己的控制器定義，并通過(guò)ng-click等在模板中使用該控制器的回調(diào)。在這里找到答案。