AngularJS – 获取字段的标签文本

发布时间：2020-12-17 08:53:41 所属栏目：安全来源：网络整理

导读：题我想知道AngularJS为一个领域获得标签的“最佳实践”方式是什么.使用jQuery,您只需使用“label for”查询进行查询,然后提取文本.虽然使用AngularJS可以这样做,但事情并不恰到好处. 假设你的HTML中有这样的东西： form name="MyForm" ng-controller="Ctrl"

题

我想知道AngularJS为一个领域获得标签的“最佳实践”方式是什么.使用jQuery,您只需使用“label for”查询进行查询,然后提取文本.虽然使用AngularJS可以这样做,但事情并不恰到好处.

假设你的HTML中有这样的东西：

<form name="MyForm" ng-controller="Ctrl">
    <label for="MyField">My spoon is too big:</label>
    <input type="text" size="40" id="MyField" ng-model="myField" />

    <br /><br />

    You entered {{ myField }} for {{ myField.label }}
</form>

控制器内部非常简单：

$scope.myField = 'I am a banana.';

基本上我想在输出中填充myField.label,“我的勺子太大了”.

我现在在做什么

我现在所做的就是执行一个查询,提取类似于jQuery方法的数据($(“label [for =’MyField’]”)).然后,如果不存在,我只是拉出占位符文本.它有效,但似乎有点开销.

我想要完成的是什么

我想要一些自定义表单验证,我想在邮件中包含标签.我只需要拉标签文本,这样我就可以非常一般地编写它,然后不必担心人们在游戏后期动态切换i18n数据.

小提琴

根据建议的解决方案：
https://jsfiddle.net/rcy63v7t/7/

您将HTML更改为以下内容：

<label for="MyField">{{ myFieldLabel }}</label>
<input type="text" size="40" id="MyField" ng-model="myField" />

和你的JS到以下：

$scope.myFieldLabel = 'My spoon is too big:';

然后,您可以轻松获取/设置其值：

if ($scope.myFieldLabel === 'My spoon is too big:') {
    $scope.myFieldLabel = 'New label:';
}

请注意,新的AngularJS最佳实践要求始终在字段引用中使用“点”.如果您执行以下操作,它将非常适合：

<label for="MyField">{{ myField.label }}</label>
<input type="text" size="40" id="MyField" ng-model="myField.value" />

和JS：

$scope.myField = {
    value: '',label: 'My spoon is too big:'
};

然后,您始终可以轻松访问$scope.myField.label和$scope.myField.value.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!