将ng-model值替换为scope属性的值为" new"范围指令

时间:2016-02-04 09:46:06

标签: javascript angularjs

我想在输入框中将ng-model的值设置为 scope.modelName 的值到指令中:

<input ng-model="{{modelName}}">

但这不合法并产生错误,那里最好的表达方式是什么?

最终的HTML结果必须是:

<input ng-model="username">

此处的案例很特殊,因为范围是&#34;更新&#34;进入指令,输入位于指令内:

app.directive("textbox", function() {
return {
    restrict: 'AEC',
    replace: false,
    scope: true,
    templateUrl : "directives/textbox.html",
    link: function (scope,element, attr) {
        scope.modelName = attr.name;
    }
  };
});

该指令应如下使用:

<textbox name="username"></textbox>

在正常情况下,以下示例正在运行:

<input ng-model="modelName">

但是当我在我的情况下使用它时,它会生成相同的内容而不会对ng-model值进行任何更改!

3 个答案:

答案 0 :(得分:4)

我认为您正在寻找:

<input ng-model="modelName">

不需要把手

答案 1 :(得分:4)

更新
<input ng-model="{{modelName}}">

<input ng-model="modelName">

供参考 - ng-model

答案 2 :(得分:2)

我假设您要查找的输出应该等同于<input value="username">而不是<input ng-model="username">(如您的问题中所述)。

要解决您的问题,您应该使用<input ng-model="modelName">。不需要大括号。