指令作爲模板的路線

Question

如何在ng路由配置中或在另一個階段將字段變量傳遞給指令？

.when('/test',{template:"<my-directive fields=field></my-directive>"}) 

如何在路由階段將param指定給指令？

Answer 1

定義模塊依賴時請務必註明您的指令：

var app = angular.module('sampleApp', [ 
    'ngRoute', 
    'myDirective' // here, you need to include your directive module 
]); 

然後，定義你的路由：

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/', { template: "This is the default Route" }) 
     .when('/test', { 
      template: '<my-directive fields="field"></my-directive>', 
      controller: 'testController' 
     }) 
     .otherwise({ redirectTo: '/' }); 
}]); 

和控制器：

app.controller('testController', ['$scope', function($scope) { 

    $scope.field = { your: "data here" }; 

}]);