在指令模板中傳遞范圍-AngularJs
[英]Passing scope in template of a directive - AngularJs
問題描述
我正在嘗試在指令中設置作用域並使其打印出來。 但是它給人錯誤。 有人可以幫忙嗎？
//module declaration var app = angular.module('myApp',[]); //controller declaration app.controller(function($scope){ $scope.name = "Joseph"; }); //app declaration app.directive('myStudent',function(){ return{ template: "Hi! Dear!! {{name}}" } });
<body ng-app="myApp" ng-controller="myCtrl"> <my-student></my-student> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script> </body>
3 個解決方案
解決方案1
2 已采納 2016-12-13 12:37:59
您的控制器聲明不完整
//controller declaration
app.controller('myCtrl', function($scope){
$scope.name = "Joseph";
});
解決方案2
0 2016-12-13 12:40:21
您需要通過以下方式正確聲明您的控制器：
app.controller("myCtrl", ["$scope", function($scope){
$scope.name = "Joseph";
}]);
並且您需要告訴您的指令通過以下方式使用此控制器：
app.directive('myStudent',function(){
return{
template: "Hi! Dear!! {{name}}",
controller: "myCtrl"
}
});
解決方案3
0 2016-12-13 13:05:59
<body ng-app="myApp" ng-controller="myCtrl">
<my-student></my-student>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>
</body>
app.controller("myCtrl", ["$scope", function($scope){
$scope.name="Adrian":
}]);
在指令中
app.directive('myStudent',function(){
return{
scope:'=',
template: "Hi! Dear!! {{name}}"
})
要么
<body ng-app="myApp" ng-controller="myCtrl">
<my-student name="name"></my-student>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>
</body>
和你的指令：
app.directive('myStudent',function(){
return{
scope:{
name:'=',
},
template: "Hi! Dear!! {{name}}"
})
Angularjs將變量傳遞給具有繼承（非隔離）范圍的指令
[英]Angularjs passing variables to a directive with an inherited (not isolated) scope
以功能為模板訪問重復AngularJS指令中的`$ scope`
[英]Access `$scope` in Repeating AngularJS Directive with Function as Template
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.