2016-07-26 136 views
0

我在angularjs中使用ng-view我怎樣才能控制器功能

app.controller("onedetailsCtrl", ['$scope', '$rootScope', function($scope, $rootScope) { 

    $rootScope.url = "Samples/one.html"; 

}]) 
app.config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
     when('/one', { 
      templateUrl: 'sample/one.htm', 
      controller: 'onedetailsCtrl' 
     }). 
     when('/two', { 
      templateUrl: 'sample/two.htm', 
      controller: 'deatailsController' 
     }). 
     otherwise({ 
      redirectTo: '/one' 
     }); 
    } 
]); 

這裏如何調用控制器功能。我也試過下面的方法。

$scope.$on('$viewContentLoaded', function (event) { 

$compile($('#auto'))($scope); 

}); 
}) 
+1

你想調用哪種控制器方法? – Satpal

+0

你正在使用'app.controller'&'mainApp.config',你確定這是正確的嗎?它應該不是兩個一樣嗎? –

+0

它應該是相同的(app.controller) –

回答

0

如果你正確地包含了角度js腳本,它將負責調用控制器功能。你不必手動調用它。如果正確寫入包括語法,角將直接調用onedetailsCtrl,因爲如果沒有發現任何東西,您將路由到頁'/一個'。

0

鏈接到route的控制器將自動鏈接到route解析。因此調用鏈接的路由控制器函數可以被調用,如下所示。

路線

when('/two', { 
    templateUrl: 'sample/two.htm', 
    controller: 'deatailsController' 
}). 

控制器

添加將在視圖上被添加的控制器$scope值。

app.controller('deatailsController', function($scope) { 
    alert('Hi deatailsController!'); 
    // add a scope value from inside the controller 
    $scope.testValue = "Hello, this is the controller scope value"; 
}]); 

查看

在HTML模板sample/two.htm添加以下{{testValue}}顯示從鏈接控制器內綁定到scope對象的值。

+0

在one.html中包含 app.controller('onedetailsCtrl',函數($ scope){ $ scope.message =「此頁面將用於顯示添加學生表單「; }); 在two.html中包含 app.controller('deatailsController',function($ scope){ $ scope.message =「此頁面將用於顯示添加學生表單」; }); –

+0

那麼你的問題是什麼?你如何獲得控制器的價值觀?要麼...? –

+0

謝謝你的回覆。我的問題是如何讓控制器的視圖。 –