角度指令數據綁定

Question

我正在嘗試編寫一個顯示對象屬性的簡單Angular指令，但是我不了解綁定的工作方式。

<div ng-repeat="c in cars">
   <div car carElement={{c}}></div>
<div>  

.directive('car', function() {
  return {
   template: function(elem, attr){
     var car = attr.carElement;
     return car.brand + ' ' + car.model; 
   }
 };
});

我不能綁定孔對象，只能綁定簡單的屬性。 例如，這有效：

<div ng-repeat="c in cars"> 
  <div car brand={{c.brand}} ></div> 
<div> 
.directive('car', function() { 
  return { 
    template: function(elem, attr){ 

    var brand = attr.brand; 
    return ''+brand; 
  } 
  }; 
});

如何將整車發送到指令模板？

Answer 1

您必須傳遞對象，而不是在表達式內部傳遞：

<div ng-repeat="c in cars">
   <div car carElement="c"></div>
<div>  

指示：

.directive('car', function() {
  return {
   scope: { car: "=carElement" },
   template: function(elem, attr){
     //you now have 'car' in scope.car
   }
 };
});