将数组对象从控制器传递到AngularJS中的自定义指令

用户名

我试图将对象数组从角度控制器传递到自定义指令元素,并使用ng-repeat迭代该对象,但出现以下错误:[ngRepeat:dupes]

home.js:

home.controller("homeController", function ($scope) {

    $scope.points =[

        {
            "url": '../assets/images/concert.jpg',
            "id":1
        },
        {
            "url": '../assets/images/dance.jpg',
            "id":2
        },
        {
            "url": '../assets/images/music.jpg',
            "id":3
        },
        {
            "url": '../assets/images/jazz.jpg',
            "id":4
        },
        {
            "url": '../assets/images/violin.jpg',
            "id":5
        },
        {
            "url": '../assets/images/music.jpg',
            "id":6
        }
    ];

});

Shareddirectives.js:

var sharedDirectives = angular.module("sharedDirectives", []);


sharedDirectives.directive("interestPoints", function () {

    function link($scope, element, attributes, controller ) {

       $(element).find('#interest-points').owlCarousel({
           items : 4, //4 items above 1200px browser width
           itemsDesktop : [1200,3], //3 items between 1200px and 992px
           itemsDesktopSmall : [992,3], // betweem 992px and 768px
           itemsTablet: [850,2], //1 items between 768 and 0
           itemsMobile : [600,1] // itemsMobile disabled - inherit from itemsTablet option

       });
    }

    return {
        restrict: "E",
        templateUrl : "../html/views/interest-points.html",
        link: link,
        scope: {
            interestPoints: '@'
        }

    };
});

interest-points.html:

<div id="interest-points" class="owl-carousel">
    <div ng-repeat="point in interestPoints" class="item">
        <img ng-src="{{point.url}}" alt="Owl Image"><h4>27<br>JUL</h4>

    </div>
</div>

home.html:

<div ng-controller='homeController'>
<interest-points interest-points="{{points}}""></interest-points>
</div>

我尝试通过$ index进行跟踪,但未出现错误并且它不会迭代

音乐

您正在使用interestPoints: '@'绑定interestPoints到范围的方法这实际上仅将字符串绑定{{points}}到,interestPoints而不是在父级范围内实际评估该表达式。

使用interestPoints: '='作为绑定方法,然后interest-points="points"获得所需的行为。

指令定义对象下的相关文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS:将函数传递到指令的隔离范围以在其控制器中调用?

来自分类Dev

路由到控制器中的自定义动作

来自分类Dev

将数据传递到AngularJS中的自定义指令

来自分类Dev

如何将Cutom URL与路由到CodeIgniter中的自定义控制器?

来自分类Dev

如何将函数处理程序从控制器传递到AngularJs的指令隔离范围中?

来自分类Dev

将http请求中定义的范围变量从控制器传递到指令

来自分类Dev

AngularJS:将对象从指令传递到控制器

来自分类Dev

调用对象并将其传递给控制器中的自定义方法

来自分类Dev

AngularJS将变量从自定义指令传递到模板

来自分类Dev

AngularJS-从自定义指令将参数从ng-repeat传递到控制器

来自分类Dev

无法将数据从控制器正确绑定到自定义指令模板Angular

来自分类Dev

AngularJS-在访问DOM的自定义指令中设置控制器的$ scope变量

来自分类Dev

将数组对象从控制器传递到AngularJS中的自定义指令

来自分类Dev

如何将函数处理程序从控制器传递到AngularJs的指令隔离范围中?

来自分类Dev

将http请求中定义的范围变量从控制器传递到指令

来自分类Dev

调用对象并将其传递给控制器中的自定义方法

来自分类Dev

监视工厂对象在自定义指令的控制器中不起作用

来自分类Dev

哪些参数要传递到Angular JS自定义指令控制器中?

来自分类Dev

无法将数据从控制器正确绑定到自定义指令模板Angular

来自分类Dev

在Angularjs自定义指令中隔离控制器

来自分类Dev

AngularJS:使用在控制器/指令中其他位置定义的自定义javascript函数

来自分类Dev

ZF2,将变量从控制器传递到自定义元素

来自分类Dev

将数据从自定义UI单元传递到视图控制器

来自分类Dev

如何将自定义对象从自定义身份验证提供程序传递到控制器?

来自分类Dev

将数据从自定义 tableview 单元格传递到 UIView 控制器

来自分类Dev

控制器中的Angularjs灯箱自定义关闭

来自分类Dev

如何将实体对象从自定义验证注释传递给控制器

来自分类Dev

Rails / ActiveAdmin - 如何将自定义数据从控制器传递到内容中

来自分类Dev

将实例变量从设计控制器传递到自定义邮件程序?

Related 相关文章

  1. 1

    AngularJS:将函数传递到指令的隔离范围以在其控制器中调用?

  2. 2

    路由到控制器中的自定义动作

  3. 3

    将数据传递到AngularJS中的自定义指令

  4. 4

    如何将Cutom URL与路由到CodeIgniter中的自定义控制器?

  5. 5

    如何将函数处理程序从控制器传递到AngularJs的指令隔离范围中?

  6. 6

    将http请求中定义的范围变量从控制器传递到指令

  7. 7

    AngularJS:将对象从指令传递到控制器

  8. 8

    调用对象并将其传递给控制器中的自定义方法

  9. 9

    AngularJS将变量从自定义指令传递到模板

  10. 10

    AngularJS-从自定义指令将参数从ng-repeat传递到控制器

  11. 11

    无法将数据从控制器正确绑定到自定义指令模板Angular

  12. 12

    AngularJS-在访问DOM的自定义指令中设置控制器的$ scope变量

  13. 13

    将数组对象从控制器传递到AngularJS中的自定义指令

  14. 14

    如何将函数处理程序从控制器传递到AngularJs的指令隔离范围中?

  15. 15

    将http请求中定义的范围变量从控制器传递到指令

  16. 16

    调用对象并将其传递给控制器中的自定义方法

  17. 17

    监视工厂对象在自定义指令的控制器中不起作用

  18. 18

    哪些参数要传递到Angular JS自定义指令控制器中?

  19. 19

    无法将数据从控制器正确绑定到自定义指令模板Angular

  20. 20

    在Angularjs自定义指令中隔离控制器

  21. 21

    AngularJS:使用在控制器/指令中其他位置定义的自定义javascript函数

  22. 22

    ZF2,将变量从控制器传递到自定义元素

  23. 23

    将数据从自定义UI单元传递到视图控制器

  24. 24

    如何将自定义对象从自定义身份验证提供程序传递到控制器?

  25. 25

    将数据从自定义 tableview 单元格传递到 UIView 控制器

  26. 26

    控制器中的Angularjs灯箱自定义关闭

  27. 27

    如何将实体对象从自定义验证注释传递给控制器

  28. 28

    Rails / ActiveAdmin - 如何将自定义数据从控制器传递到内容中

  29. 29

    将实例变量从设计控制器传递到自定义邮件程序?

热门标签

归档