指令不接收對象作爲參數

Question

我使用AngularJS 1.5.7版進行編碼。

由於某些原因，該指令沒有收到變量cdata這是一個object。

爲什麼指令不接收變量？

這裏下面我貼我的所有代碼：

home.js

'use strict'; 

var home = angular.module('app.home', [ 
    'global.factory', 
    'home.factory', 
    'ui.scroll', 
    'ui.scroll.jqlite', 
    'd.card' 
]); 

home.controller('HomeController', [ 
    'homeFactory', 
    '$timeout', 
    function (homeFactory, $timeout) { 

    var data = this; 

    data.posterSize = (screen.width - 42)/3; 

    homeFactory.getJSON().then(function (response) { 
     data.feed = response.home; 
    }); 

    data.datasource = { 
     get: function(index, count, success) { 
     $timeout(function() { 
      var start = Math.max(0, index); 
      var end = Math.min(index + count, data.feed.length); 

      var results = []; 
      for (var i = start; i < end; i++) { 
      results.push(data.feed[i]); 
      } 

      success(results); 
     }, 100); 
     } 
    }; 
    } 
]); 

_home.html

<article ng-controller="HomeController as myHome" class="base-gen" ui-scroll-viewport style="height:100%"> 
    <card class="card" ui-scroll="element in myHome.datasource" cdata="{{element}}" psize="{{myHome.posterSize}}"></card> 
</article> 

card.js

'use strict'; 

var dCard = angular.module('d.card', ['global.factory']); 

dCard.directive('card', [ 'globalImages', function (globalImages) { 
    return { 
    restrict: 'E', 
    scope: { 
     cdata: '@', 
     psize: '@' 
    }, 
    controller: function() { 
     console.log(this.cdata); 
    }, 
    controllerAs: 'myCard', 
    bindToController: true, 
    templateUrl: 'app/Modules/card.html' 
    }; 
}]); 

---

我也想指出的是，我從遷移到angular 1.4.8和1.5.7從ui-router 0.2.15到0.3.1

Answer 1

在指令結合說「=」，這意味着角會做綁定您。不需要{{ }}。

<article ng-controller="HomeController as myHome" class="base-gen" ui-scroll- viewport style="height:100%"> 
    <card class="card" ui-scroll="element in myHome.datasource" cdata="element" psize="{{myHome.posterSize}}"></card> 
</article> 

隨着psize我不知道，如果你需要{{ }}但對於CDATA沒有必要爲括號