栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

angularjs将属性中新创建的数组传递给指令

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

angularjs将属性中新创建的数组传递给指令

该错误是因为您的指令无法将数组解释为数组,请尝试以下操作:

<body ng-app="myApp" ng-controller="ctrl1">    <test-dir fam-people='people'> </test-dir></body>var myApp = angular.module('myApp', []);myApp.directive('testDir', function() {     return { restrict: 'E' , scope: { famPeople: '=' } , template: "<ol> <li ng-repeat='p in famPeople'> {{p}}" };        });

控制器和指令:

myApp.controller("ctrl1",function($scope){$scope.people=[1,4,6];});

编辑

或者您可以将其作为属性传递并解析为数组:

<body ng-app="myApp" >    <test-dir fam-people='[1,4,6]'> </test-dir></body>

指示:

var myApp = angular.module('myApp', []);myApp.directive('testDir', function() {     return { restrict: 'E',   //scope: { famPeople: '=' }, template: "<ol> <li ng-repeat='p in people track by $index'> {{p}}",  link:function(scope, element, attrs){scope.people=JSON.parse(attrs.famPeople);  } };        });

见小提琴。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/399624.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号