Question

如果我在附加html div中使用ng-repeat，则内容不会附加。如何在附加的每个字段上获取标签名称键值。我想从下面的代码中更改字段标签选项中的每个标签名称。点击附加的div，它将显示已归档的标签选项，从那里我必须单独更改每个标签名称..请帮助我

＆＃13;

var app = angular.module('myapp', ['ngSanitize']);

app.controller('AddCtrl', function ($scope, $compile) {

    $scope.field = {single: 'untitled'};
    $scope.addNew_SingleField = function (index) {
              var singlehtml = '<fieldset ng-repeat="(fieldkey, field) in singleField" ng-click="selectSingle($field)"><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 (field) {
      selectedField = field
      $scope.showSingle_Fieldsettings = true;
    };
});

＆＃13;

<!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="selectedField.single" class="fieldLabel">
		</div>
	</form>

</body>

</html>

＆＃13;

如何使用ng-repeat追加获取键值？

0 个答案: