javascript - 如何更改每个附加文本 Angularjs

标签 javascript jquery angularjs

我没有使用附加事件正确获得结果,而不是使用 ng-repeat 添加每个名称。您能否帮助我如何更改从单个输入字段添加的每个名称。告诉我不要使用 ng-repeat ,因为 ng-repeat 功能对我的进一步运行功能不起作用,如果可以不使用 ng-repeat,您可以使用 jquery 或 javascript 解决这个问题。提前致谢.. Here is 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;
};

关于javascript - 如何更改每个附加文本 Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34734801/

相关文章:

javascript - 使用 bcrypt-nodejs 时出现“没有给出回调函数”错误

javascript - 使用 Angular js/json 进行身份验证

javascript - $.parseJSON() 如何解析一个数组?

angularjs angular-file-upload 未知提供程序 : $uploadProvider error

javascript - 获取元素的子元素的标题

javascript - Django 中没有提交按钮的表单

javascript - 从数组中删除标记后更新标记簇

javascript - 根据数据属性向元素添加类

javascript - 使用 AngularJS 更新局部 View 中的 webgrid

javascript - AngularJS:获取过滤的 ng-repeat 结果计数以更新我的分页