使用 AngularJs 中的模型设置 ID

Question

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

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

谢谢

Answer 1

是的，这是一个非常基础的东西，也是您在学习 Angular 教程时应该首先学习的东西之一。

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

Answer 2

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

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

然后您可以在您的控制器中设置和使用这些：

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

Answer 3

是的，您可以动态提供 ID。在控制器中放置以下代码：

$scope.somevar = "ABC";

并在 Html 中放置：

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

Answer 4

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

$scope.idVal = "XYZ";

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

Set id using model in AngularJs