在 ng-include 中传递参数

Question

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

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

其中显示单选按钮如下：

Sex :    O Male
         O Female

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

我来自lodash的背景，可以轻松处理。我认为也可能有角度的方法。

请帮忙。

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>