angularJS我可以在指令中使用params吗?

时间:2015-05-25 05:17:18

标签: javascript angularjs angularjs-directive

有一个问题,我想在指令中得到一些东西 我想在html中设置它 那么,如何在html中设置,并获得指令?

有html

<div my-directive="Bob">
<div>

directive.js

App.directive('myDirective', function () {
  link: function () {
    console.log('xxx')
  }
})

如何在指令中获得Bob

2 个答案:

答案 0 :(得分:5)

是的,使用attrs

link: function (scope, element, attrs) {
  console.log(attrs.myDirective); // Outputs Bob
}

attrs对象包含键值对,其中键是元素上属性的规范化属性名称,值是每个属性的字符串值。

答案 1 :(得分:2)

是您可以在指令中使用参数

  

这是单向数据绑定解决方案

<强>控制器:  的

$scope.options = {one: "first, two: "second"};

的  查看

<div databinding="options"></div>

javascript

app.directive('databinding', function () {
   return{
      scope: {

        options: "@" //Can also use = here

      },
      link: function (scope, elm, attrs) {

        console.log(scope.options);

      }
   }
});