jquery - angularjs如何更改单独附加每个文本值

标签 jquery angularjs

我想更改 ng-show field label 选项中的每个标签值的附加字段,当我们单击附加字段时,它会显示字段标签选项。如何更改单个字段标签选项中的每个标签值? you can go here for plunkr

var app = angular.module('myapp', ['ngSanitize']);

app.controller('AddCtrl', function ($scope, $compile) {

    $scope.field = {single: 'untitled'};
    $scope.addNew_SingleField = function (index) {
        var singlehtml = '<fieldset id="single_field" ng-click="selectSingle($index)"><label ng-bind-html="field.single"></label><input type="text" placeholder="Enter name" name="{{field.single}}"><button ng-click="removeSingle($index)">-</button></fieldset>';
        var single = $compile(singlehtml)($scope);
        angular.element(document.getElementById('drop')).append(single);
    };
    $scope.removeSingle = function (index) {
        var myEl = angular.element(document.querySelector('#single_field'));
        myEl.remove();
    };
    $scope.selectSingle = function (index) {
        $scope.showSingle_Fieldsettings = true;
    };
});
<!DOCTYPE html>
<html ng-app="myapp">

<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular.min.js"></script>
	<script src="https://code.angularjs.org/1.5.0-rc.0/angular-sanitize.min.js"></script>
</head>

<body ng-controller="AddCtrl">
	<button ng-click="addNew_SingleField($index)">Single Line Text</button>
	<div id="drop"></div>

	<form ng-show="showSingle_Fieldsettings">
		<div class="form-group">
			<label>Field Label(?)</label>
			<br/>
			<input ng-model="field.single" class="fieldLabel">
		</div>
	</form>

</body>

</html>

最佳答案

当您添加新字段时,您将 field.single 绑定(bind)到它。在更新字段标题的输入字段中,您将更新 field.single ,以便所有字段都具有相同的值。你想要的是一个数组而不仅仅是一个变量。例如 field.single[0]、field.single[1] 等并相应地更新每个。

关于jquery - angularjs如何更改单独附加每个文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34447910/

相关文章:

jquery - 无限轮播字幕修改

jquery - 图片导致水平滚动

javascript - $scope.watch 不会等到变量改变

angularjs - Angular 使用 limitTo 和 Filter

jquery - 奇怪的 jquery 动画行为

Javascript/Jquery 使 Anchor 链接到特定类的第一个实例......?

javascript - Bootstrap 模态中的中心形式

javascript - 如何在javascript中进行元素提取?

angularjs - 如果电子邮件地址中包含 '+',则 Angular 向 Asp.net Web API 发送访问 token 将不起作用

javascript - 工厂中的 AngularJS $scope