Javascript 将多个值传递给内部带有ng repeat的指令
我有这样一个自定义指令:Javascript 将多个值传递给内部带有ng repeat的指令,javascript,angularjs,Javascript,Angularjs,我有这样一个自定义指令: <user-preview closable="true" user="user" ng-repeat="user in users"></user-preview> 那么如何在ng repeat内部传递这两个值呢?可能吗 以下是我的指令代码,以防万一: .directive('userPreview', function() { return { scope: { 'user': '=',
<user-preview closable="true" user="user" ng-repeat="user in users"></user-preview>
那么如何在ng repeat
内部传递这两个值呢?可能吗
以下是我的指令代码,以防万一:
.directive('userPreview', function() {
return {
scope: {
'user': '=',
'closable': '='
},
restriction: 'E',
replace: true,
priority: 1001,
templateUrl: '/static/angular_tpls/user_preview.html',
controller: function($scope) {
},
link: function(scope, element, attrs, ctrl) {
}
}
});
<span class="badge active user">
<a href="#">
<img ng-src="{{user.avatar}}" height="25px" class="img-circle">
</a>
<a href="#">
{{user.name}}
</a>
<span ng-if="closable" class="glyphicon glyphicon-remove-circle" ng-click="close()"></span>
</span>
.directive('userPreview',function(){
返回{
范围:{
“用户”:“=”,
“可关闭”:“=”
},
限制:“E”,
替换:正确,
优先权:1001,
templateUrl:“/static/angular\u tpls/user\u preview.html”,
控制器:功能($scope){
},
链接:函数(范围、元素、属性、ctrl){
}
}
});
通过这种方式,您可以轻松传递值
getUser();
function getUser() {
$scope.userList= ["user 1", "user 2", "user 3", "user 4", "user 5", "user 6"];
$scope.Listobj= $scope.userList.map(function(user){
return {
userInfo: user,
closable:true
}
});
}
您的自定义指令
<user-preview closable="user.closable" user="user.userInfo" ng-repeat="user in Listobj"></user-preview>
我已经使用了更高的优先级。请参阅:。我有这样的问题,但现在…谢谢你!我取消了优先权,现在开始工作。多么奇怪的行为。当独立作用域不是父作用域变量时,不要对其使用'='
。这是用于双向绑定的
<user-preview closable="user.closable" user="user.userInfo" ng-repeat="user in Listobj"></user-preview>