javascript - 在 ng-include 中传递参数

Question

我是 angularjs 的新手。我有一个要求，我在每个部分 html 中一次又一次地使用相同的单选按钮。所以，我想把它做成一个通用模板，在其他部分模板中使用。

<ng-include src="'partial-htmls/toolbox/radio-button.html'"></ng-include>

单选按钮显示如下:

Sex :    O Male
         O Female

这很好，但我需要以某种方式在 ng-include 中更改单选按钮的标签、文本和数量。 (我想通过某种方式传递参数来做到这一点)

我是lodash的后台，这里可以轻松搞定。我认为可能也 Angular 方法。

请帮忙。

Answer 1

无法将参数传递给 ng-include。
不过，它确实可以访问与其所在的 HTML 相同的范围。

如果你需要能够传递不同的参数，你将不得不使用一个指令:

angular.module("myModule")
.directive('radioButton', [function () {
    return {
        restrict: 'E',
        scope: {
            pass: "=",
            some: "@",
            properties: "="
        },
        templateUrl: 'app/directives/views/radio-row.html',
        controller: ["$scope", function ($scope) {
            // Isolated $scope here
        }]
    };
}]);

<radio-button pass="parentScopeObject" some="Literal string" properties="parentScopeSomething"></radio-button>