javascript - 在 Angular JS 中 - 如何使用 ng-include 使我的代码通用且可重用？

Question

使用 AngularJS，我想使用 ng-include 使我的代码通用。

所以这是我的问题:

我希望 ng-include 中使用的“ang-attribute.html”文件尽可能通用，为此我希望获取 html 之外的属性名称。

像这样:

<div data-field-name="display_name">
    <div ng-include="'ang-attribute.html'"></div>
</div>

在我的 html 文件中，我想使用数据字段名称，然后使用不同的值再次使用它。

我尝试通过 DOM 获取它...但找不到方法。

所以在我的 ng-include html 文件中我有以下行:

<div ng-controller="attributeCtrl">
    <div class="my-profile-constant-text">{{displayAttribute}}:</div>
....
</div>

也许有一种方法可以将构造函数传递给 Controller ​​，然后我可以将我的数据字段名称传递给它？或者还有其他解决方案吗？

谢谢!

Answer 1

我相信您想查看指令，它有一个属性对象，在 dom 渲染后可以轻松访问以重用。html

<my-directive field-name="display_name"></my-directive>

指令

angular
.module("myApp", [])
.directive("myDirective", function() {
    return {
        restrict: "E",
        template: "<div>{{exposeAttribute}}</div>",
        //templateUrl: "mytemplate.html",
        link: function(scope, element, attr) {
            scope.exposeAttribute = attr.fieldName;
        }
    };
});

http://jsfiddle.net/mhCaD/