如何在ng-model中获取父div的id值?

时间:2016-02-25 03:14:53

标签: html angularjs angular-ngmodel

例如,我有这个div元素:

<div id="5000_1">
    <input type="text" ng-model="**PARENT_ID**.firstName" placeholder="First Name">
    <input type="text" ng-model="**PARENT_ID**.lastName" placeholder="Last Name">
</div>

如何让ng-model获取父div的id?

1 个答案:

答案 0 :(得分:-1)

这可能是错误的方法。您基本上是在询问如何动态创建范围变量(因为ng-model绑定到范围变量)。

如果您想根据父ID唯一地标识名字/姓氏,那么您应该将此代码段转换为指令。

angular.module('mainModule', [])
  .directive('myDirective', function() {
    return {
      restrict: 'E',
      scope: {'=parentid'},
      template: '<div>' +
        '<input type="text" ng-model="firstname" placeholder="First Name">' +
        '<input type="text" ng-model="lastName" placeholder="Last Name">' +
        '</div>',
      link: function (scope) {
            //Functions to do what you want here.
            }
    };
  });  

然后把它放在页面上:

<my-directive parentid="1234">

这会将父ID传递到指令的范围内,以便用它做你想做的事。