将变量传递给 angularjs 指令

Question

我有一个带有外部模板 (url) 和控制器的 angularjs 指令元素。

app.directive('ngMyDirective', function() {
    return {
        restrict : 'E',
        templateUrl : 'my-template.html',
        controller : 'MyController'
    }
});

目前有几个视图使用了该指令。它生成的 html 包含一个文本区域，该文本区域需要动态行数，具体取决于指令的父视图。有没有办法向指令传递一个变量来动态设置行数，并且可以在模板和控制器中访问？

Answer 1

您可以使用隔离作用域语法并声明一个 2 Way 绑定变量，例如在您的指令定义中的作用域：{rows:'='} object.This 可以用作您 link function.to 将此行绑定到父指令，我们必须在指令 HTML 中创建一个属性行，并将值作为要将其绑定到的父级的范围变量例如

<div ng-controller='parent having       dynamic value totalrows'>
<child-directive rows='totalrows' />
</div>

将变量传递给 angularjs 指令

Pass variable to angularjs directive

angularjs

variables

directive