Javascript 在角度模板中插入属性值会导致分析错误_Javascript_Angularjs_Templates

Javascript 在角度模板中插入属性值会导致分析错误

javascript angularjs templates

Javascript 在角度模板中插入属性值会导致分析错误,javascript,angularjs,templates,Javascript,Angularjs,Templates,我得到了错误：angular.js:10627错误：[$parse:syntax] 在模板中插入值时，仅当该值位于元素的属性中时模板字段_message.html： <input type="number" ng-model="{{ model }}"> <div>{{ model }}</div> 查看html： <div iv-input="flatK" ng-model="modelname"></div> 在模板中，{

我得到了错误：angular.js:10627错误：[$parse:syntax]

在模板中插入值时，仅当该值位于元素的属性中时

模板字段_message.html：

<input type="number" ng-model="{{ model }}">
<div>{{ model }}</div>

查看html：

<div iv-input="flatK" ng-model="modelname"></div>

在模板中，{{model}}的第一个实例导致解析错误。如果删除此项，则另一个实例将正确渲染模型名称。有没有办法将模型名输入到输入元素上的ng model值中？

工作非常正常

<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
  <meta charset="UTF-8">




</head>

<body ng-controller="ctrl">
  <div iv-input="flatK" ng-model="modelname"></div>
  <span>{{modelname}}</span>

    <script>
      var app = angular.module('app', []);
app.directive('ivInput', function(){
    return {

        restrict: 'EA',
        template: "<input type='number' ng-model='ngModel'>"+
"<div>{{ model }}</div>",
        scope: {
            ngModel:'='
        }


    };
});
app.controller('ctrl',function($scope){
$scope.modelname=23;
} )
    </script>
    </body>
    </html>


{{modelname}}
var-app=angular.module（'app'，[]）；
应用指令（'ivInput'，函数（）{
返回{
限制：“EA”，
模板：“”+
“{{model}}”，
范围：{
ngModel:“=”
}
};
});
应用程序控制器（'ctrl'，函数（$scope）{
$scope.modelname=23；
} )

工作绝对正常

<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
  <meta charset="UTF-8">




</head>

<body ng-controller="ctrl">
  <div iv-input="flatK" ng-model="modelname"></div>
  <span>{{modelname}}</span>

    <script>
      var app = angular.module('app', []);
app.directive('ivInput', function(){
    return {

        restrict: 'EA',
        template: "<input type='number' ng-model='ngModel'>"+
"<div>{{ model }}</div>",
        scope: {
            ngModel:'='
        }


    };
});
app.controller('ctrl',function($scope){
$scope.modelname=23;
} )
    </script>
    </body>
    </html>


{{modelname}}
var-app=angular.module（'app'，[]）；
应用指令（'ivInput'，函数（）{
返回{
限制：“EA”，
模板：“”+
“{{model}}”，
范围：{
ngModel:“=”
}
};
});
应用程序控制器（'ctrl'，函数（$scope）{
$scope.modelname=23；
} )