如何通過引用傳遞ng模型？

Question

我正在嘗試獲取自定義輸入文本。這是我的看法

<div> 
    <span>{{label}}</span> 
    <input type="text" class="{{class}}" placeholder="{{placeholder}}" ng-style="width?{width: width + 'px'}:{}" ng-model="model"/> 
</div> 

，這是我的控制器

angular.module('inputText', []) 
     .directive('inputText', function() { 
      return { 
       restrict: 'E', 
       replace: true, 
       scope: { 
        width: '@', 
        label: '@', 
        class: '@', 
        placeholder: '@', 
        model: '@' 
       }, 
       controller: 'InputCtrl', 
       templateUrl: 'inputText.html' 
      }; 
     }) 
     .controller('InputCtrl', ['$scope', function($scope) { 

     }]); 

的問題是，我一直都想與somothing類似如下錯誤信息：

Error: [$parse:syntax] Syntax Error: Token 'model' is unexpected, expecting [:] at column 3 of the expression [{{model}}] starting at [model}}]. 

我的問題是：我應該如何通過參考來傳遞模型，以獲得類似的內容：

<input-text label="When?" class="" placeholder="" icon="awesome-icon" width="150" model="{{when}}"></input-text> 

Answer 1

定義模型作爲scope: { model: "=" }（=裝置2路結合）和使用：

<input ... ng-model="model" /> 

在模板

。

請記住不要使用第一級屬性：即，做這樣的事情：

<input-text ... model="form.when"></input-text> 

而且不這樣的：

<input-text ... model="when"></input-text> 

在所有情況下的{{when}}是錯誤的，它不會被綁定2路。