如何使用自定义指令。下面</p> <pre><code><div class="panel" ng-controller="myController"> <div myArr="arr" my-Dir=""> </div> </code></pre> <p>的JavaScript

我所提到的HTML代码如何使用自定义指令。下面</p> <pre><code><div class="panel" ng-controller="myController"> <div myArr="arr" my-Dir=""> </div> </code></pre> <p>的JavaScript

app.controller('myController',['$scope',function($scope){ 
// here i have one array of objects arr is here 
}])

和指令是

app.directive("myDir", function() { 
scope: { 
    myArr: "=", 
    }, 
    templateUrl: "views/myHTML.html" 
    }; 
});

我在这里包括myHTML.html文件。我如何将数组传递给此文件？我在我的HTML.html文件中需要这个数组。我想用ng-repeat.

来源

2014-01-23 Shardul Pendse

在蛇的情况下在HTML中使用您的指令...即my-arr =“”而不是myArr =“”。 –

检查它没有奏效。谢谢 –

您在HTML中使用dayArr然后试图隔离以显示MYHTML数组元素你的作用范围是dayArray。这些不匹配。你还需要将数组传递到dayArr，这样它实际上可以在你的范围值

我已经更新了小提琴有一个工作的例子http://jsfiddle.net/zpWsz/2/

这是相关位：

这里是我传入一些虚拟阵列的地方。

<div my-dir="" day-arr="[1,2,3]" >

这里是更新的指令部分：

scope: { 
     dayArr : "=" 
    }, 
    template: '<ul>' + 
       '<li ng-repeat="i in dayArr">{{ i }}</li>' + 
       '</ul>',

一个templateUrl将工作太，但你如何在拨弄了它被扔JS错误。

希望这有助于。

来源

2014-01-24 05:07:10 hassassin

优秀！我试图找出你打败我的模板url问题 –

谢谢你。它工作正常。 –

你好我们如何提供点击事件给'

–

自定义指令模板

app.directive('myDir', function(){ 
    return { 
     scope: { 
      myArr: "=", 
     }, 
     restrict: 'EAC', 
     templateUrl: 'views/myHTML.html', 
     link: function(scope, element, attr) { } 
    }; 
});

，并使用它

<div data-my-dir data-my-arr="arr">

来源

2014-01-23 14:12:16 Anand

编号其不工作我已检查 –

创建一个小提琴并在这里发布 – Anand

http://jsfiddle.net/shardulpendse/zpWsz/1/ 我已经添加了小提琴。请尽快通知我 –

如何使用自定义指令。下面</p> <pre><code><div class="panel" ng-controller="myController"> <div myArr="arr" my-Dir=""> </div> </code></pre> <p>的JavaScript

回答

相关问题