如何更改每个附加文本Angularjs
How to Change each Appended text Angularjs
在添加每个名称时,我没有使用append事件而不是使用ng repeat来正确地获得结果。你能帮我如何更改从单个输入字段添加的每个名称吗。告诉我不要在这里使用ng repeat,因为ng repeat功能对我的进一步运行功能不起作用,如果可能的话,你可以使用jquery或javascript来解决这个问题,而不使用ng repay。提前谢谢。。这是JSBin
var app = angular.module('myapp', ['ngSanitize']);
app.controller('AddCtrl', function ($scope, $compile) {
$scope.my = {name: 'untitled'};
$scope.add_Name = function (index) {
var namehtml = '<label ng-click="selectName($index)">{{my.name}} //click<br/></label>';
var name = $compile(namehtml)($scope);
angular.element(document.getElementById('add')).append(name);
};
$scope.selectName = function (index) {
$scope.showName = 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="add_Name($index)">Add Names</button>
<div id="add"></div><br/>
<form ng-show="showName">
<label>Name Change(?)</label><br/>
<input ng-model="my.name">
</form>
</body>
</html>
如果我能正确理解您要查找的内容,这应该会起作用。
HTML:
<body ng-controller="AddCtrl">
<button ng-click="add_Name()">Add Names</button>
<div ng-repeat="item in names">
<label ng-click="selectName($index)">{{$index}}- {{item}} //click to change<br/></label>
</div>
<form ng-show="showName">
<label>Name Change at index {{nameIndex}}</label><br/>
<input ng-model="names[nameIndex]">
</form>
</body>
JS:
$scope.names = [];
$scope.add_Name = function(index){
$scope.names.push('untitled')
}
$scope.selectName = function (index) {
$scope.nameIndex = index;
$scope.showName = true;
};
相关文章:
- 使用angularjs验证文本框中的电子邮件
- 根据输入文本按元素排序,AngularJS
- 在AngularJS Dropdownlost中设置默认文本选项
- 如何在angularjs中更改文本框类,同时键入和检查条件
- angularjs 使用什么事件从文本输入中获取值
- 在AngularJS中过滤-html标签中的文本
- angularjs文本区域-如何使其与angularjs下拉列表中的选定值保持同步
- 检测angularjs中的输入文本长度
- 从 AngularJS 将文本插入 HTML
- 在 AngularJs 中触发文本框的复选框
- 如何使用 Angularjs 使流式处理更改输入中输入的文本
- AngularJS - 从字符串数组中连续更改文本
- AngularJS 在文本区域中渲染 HTML
- Angularjs:如何捕获
标签中的文本并在我的控制器中使用它 - AngularJS不断关注文本输入
- 如何做name=“;技能[]”;在angularjs中输入类型文本
- Angularjs观察用户在输入文本中键入逗号的情况
- 将表中的值传递给输入文本Angularjs
- 如何使用angularjs在剑道网格过滤器文本框中应用电话号码掩码
- 如何更改每个附加文本Angularjs