функция контроллера не вызывается из шаблона директивы в AngularJS

Question

Директива шаблона (items.html)

<li ng-repeat="item in itemCart"> 
    {{item.title}} <br> 
    {{item.category}} &nbsp 
    {{ formatCurrencyFunction({cost: item.price}) }} 
</li> 

Этот обычай директива используется в Second.html

<h1> 
    This is Second. 
    {{header}} 

</h1> 
<hr> 
<ul> 
    <items-list item-cart="items" format-currency-function="formatPrice(cost)"></items-list> 
</ul> 

Код для контроллера является:

Функция formatPrice не вызывается из директивы Items.html

Что нужно исправить в моем коде, чтобы заставить его работать?

Answer 1

Внутри функции связочной директивы, вы хотите, чтобы вызвать метод следующим образом:

scope.someFn({arg: someValue}); 

myApp.directive("itemsList", function(){ 
return{ 
    templateUrl:"contents/Views/Directives/Items.html", 
    replace: true, 
    scope:{ 
     itemCart: "=", 
     formatCurrencyFunction: "&formatCurrencyFunction" 
    }, 
    link:function(scope, element, attrs){ 
     scope.formatPrice({arg: 35}); //scope.someFn({arg: 35}); 
    }, 
    restrict:"EACM" // E-Element A-Attribute C-Class M-Comments   
} 

})

Answer 2

получил эту работу, используя нг-повтора на странице Second.html вместо директивы.

шаблон Directive (items.html)

<li> 
    {{item.title}} <br> 
    {{item.category}} &nbsp 
    {{ formatCurrencyFunction({cost: item.price}) }} 
</li> 

Этот обычай директива используется в Second.html

<h1> 
    This is Second. 
    {{header}} 

</h1> 
<hr> 
<ul> 
    <items-list item="item" format-currency-function="formatPrice(cost)" ng-repeat="item in items"></items-list> 
</ul> 

код в JS файл

myApp.directive("itemsList", function(){ 
    return{ 
     templateUrl:"contents/Views/Directives/Items.html", 
     replace: true, 
     scope:{ 
      item: "=", 
      formatCurrencyFunction: "&" 
     }, 
     restrict:"EACM" // E-Element A-Attribute C-Class M-Comments   
    } 
}) 

Answer 3

Внутри функции связочной директивы , вам нужно вызвать метод, применив какое-то событие к этому атрибуту

Answer 4

Формат функции контроллераCurrencyFunction() не может быть вызван, просто поместив его в выражение.

Чтобы использовать функцию, необходимую для ее вызова на основе четного, в вашем случае ng-init будет работать.

<li ng-repeat="item in itemCart" ng-init="formatCurrencyFunction({cost: item.price})"> 
{{item.title}} <br> 
{{item.category}} 
</li>