我想更改 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/