Question

我有这样的自定义指令：

myText.html：

<div>
<label>{{label}}</label>
<input type="text" class="form-control" >
</div>

使用Javascript：

app.directive("myText", function() {
    return {
        restrict: 'E',
        replace: true,
        templateUrl: "shared/form/myText.html",
        scope : {
            label : "@",
        }
    };
});

我只想包装输入并将标签作为属性处理。

在我看来，我这样使用指令：

<my-text label="Name" ng-model="person.firstname"></my-text>

问题是ng-model没有将模型绑定到我的输入。

达到此结果的正确方法是什么？感谢

Answer 1

将ng-model放在输入上并将其绑定到隔离范围。

<my-text label=Name model=person.firstname></my-text>

<input type="text" class="form-control" ng-model=model>

return {
    restrict: 'E',
    replace: true,
    templateUrl: "shared/form/myText.html",
    scope : {
        label : "@",
        model: "=",
    }
};

AngularJS - 在自定义指令中继承ngModel

1 个答案: