javascript - Pass ng-model attribute to custom directive - Stack Overflow

admin管理员组

文章数量:1341878

So, I have a form, where I need to use a custom directive. What i need: pass the user model to the directive.

<form>
    <input type="text" ng-model="user.login">
    <input type="password" ng-model="user.password">

    <span ng-custom-directive ng-model="user.testfield"></span>

</form>

Directive template looks like this:

<span><input type="checkbox" ng-model="[HERE I NEED user.testfield TO WORK WITH user]"> </span>

How I can pass the user model to directive template?

After form submit I need user.testfield to be avaliable in the $scope.user like:

console.log($scope.user)
{
    login: 'test',
    password: 'test',
    testfield: true|false
}

So, I have a form, where I need to use a custom directive. What i need: pass the user model to the directive.

<form>
    <input type="text" ng-model="user.login">
    <input type="password" ng-model="user.password">

    <span ng-custom-directive ng-model="user.testfield"></span>

</form>

Directive template looks like this:

<span><input type="checkbox" ng-model="[HERE I NEED user.testfield TO WORK WITH user]"> </span>

How I can pass the user model to directive template?

After form submit I need user.testfield to be avaliable in the $scope.user like:

console.log($scope.user)
{
    login: 'test',
    password: 'test',
    testfield: true|false
}

• javascript
• angularjs
• angularjs-directive

Share Follow asked Nov 3, 2014 at 15:44 coldmindcoldmind 5,44733 gold badges2424 silver badges2323 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 10

You can solve it in the other way plunker

In brief:

scope: {
    bindedModel: "=ngModel"
},
template: '<input type="text" ng-model="bindedModel">'

Well, I found similar question and resolved my problem in this way:

angular.module("myApp")
  .directive "ngCustomDirective", () ->
      restrict: 'A',

      scope:
        field: '@',
        model: '='

      template: '<span><input type="checkbox" ng-model="model[field]"></span>'

And directive usage will be:

<span ng-custom-directive
       ng-bind-model="user"
       ng-bind-field="testfield">
</span>

本文标签： javascriptPass ngmodel attribute to custom directiveStack Overflow