如何动态设置div id？

Question

我需要使用 scope.$id 在模板中动态设置 id ?

我试过这个：

%div{ id: "holder{{ $id }}" }

但是那行不通，我想知道在haml中如何完成？

Answer 1

您可以在 HTML 代码段中分配 ID。在下面找到它是如何工作的。

在您的控制器中，请在您的控制器范围内分配一个变量。喜欢

$scope.id = 'my-id-2'; //for example

在您的 HTML 片段中，它应该是

<div id="{{id}}"></div>

请确保您已初始化 app 和 controller。

Answer 2

我找到了HTML to HAML Converter

在你想要的 Angular 控制器中 $scope.id = 1

然后根据你想要的HAML %div{:id => "holder{{id}}"}

希望对您有所帮助。