使用AngularJs中的模型设置id

Question

我是AngularJs的新手，想要问Angularjs是否可以使用model：$ scope.modelName设置输入字段的id。 在Jquery中可以这样做： -

    $('.projShortName').attr('id', somevar);

谢谢

Answer 1

这可能不是最漂亮的解决方案，但你可以试试这个：

<input ... class="projShortName" id="{{ modelId }}" ng-model="modelName">

然后您可以在控制器中设置和使用它们：

$scope.modelName = 'some value';
$scope.modelId = 'input-id';

Answer 2

是的，你可以动态地提供id。在控制器位置代码：

$scope.somevar = "ABC";

在Html中，这个：

<input type="text" ng-model="abc" id="{{somevar}}"/>

Answer 3

是的，这是一个非常基本的事情，也是您在阅读Angular教程时应该学到的第一件事。

<input id="{{somevar}}">

Answer 4

是的，你可以将模型值设置为元素的id并从控制器访问该模型值。

$scope.idVal = "XYZ";

<input type="text" ng-model="abc" id="{{idVal}}"/>