【angular$index获取ng-repeat的上一条数据】教程文章相关的互联网学习教程文章

javascript – 在AngularJS中获取JSON数组的大小【代码】

我正在使用AngularJS来渲染执行ajax调用的html页面,该调用返回json文件. 如何使用angularjs在JSON下面获取id的数量?[{"id":1,"Name":"Apple"},{"id":2,"Name":"Mango"},{"id":3,"Name":"Banana"}{"id":4,"Name":"Coconut"}{"id":5,"Name":"pineaple"}{"id":6,"Name":"Orange"}{"id":7,"Name":"Guava"}]解决方法:你不需要Angular来获得它的长度. 在这种情况下,您解析的JSON是一个简单的数组,您可以通过以下方式获得长度:obj.lengt...

javascript – 从AngularJS中的$parent获取控制器名称【代码】

我已经将我的一个Angular控制器转换为Controller As语法,但是我无法正确地使用ng-grid模板. 控制器有一个名为edit user的功能,如下所示self.editUser = function (user_data) {var modalInstance = $modal.open({templateUrl: '/admin/views/adminuser.html',controller: 'AdminUserController',resolve: {user_data: function () {return user_data;}}});modalInstance.result.then(function () {self.myQueryData.refresh = !sel...

javascript – Angularjs Google oauth2获取id_token【代码】

我尝试在angualjs中实现google auth.但我研究并获得了javascript代码. 码:<html lang="en"><head><meta name="google-signin-scope" content="profile email"><meta name="google-signin-client_id" content="148699057185-ug1ge86g4dn4uffffekth3rb7382cl2333323238fau.apps.googleusercontent.com"><script src="https://apis.google.com/js/platform.js" async defer></script></head><body><div class="g-signin2" data-onsuc...

c# – Angular 4 – 如何从ASP.Net web api获取数据【代码】

使用着名的Visual Studio 2017 Angular 4模板,我测试了侧导航按钮,可以获取内存中的数据. 然后我在项目中添加了一个新的ASP.Net Core 2.0 API控制器,它使用Entity Framework连接到数据库,并使其运行200 HTTP GET结果. 控制器代码:#region TodoController namespace TodoAngularUI.Controllers {[Route("api/[controller]")]public class TodoController : Controller{private readonly SchoolContext _context;#endregionpublic T...

javascript – 从Angular指令获取输入字段的值【代码】

我在this answer中使用指令在输入字段中按下回车键时运行一个函数. 如何将输入字段element.val()的值传递给指令调用的函数?或者将输入字段元素传递给函数,以在检索后清除该值. HTML<input type="text" ng-enter="newField()" />JSapp.directive('ngEnter', function() {return function(scope, element, attrs) {element.bind("keydown keypress", function(event) {if(event.which === 13) {element.val(); // value of input fi...

java – 如何从spring控制器获取angularjs中的模型属性值【代码】

我将弹簧控制器定义为@Controller public class TestController {private Logger logger = LoggerFactory.getLogger(getClass());@RequestMapping(value="/hello")public String home(HttpServletRequest httpRequest, Model model) { model.addAttribute("Authorization", "test string");return "/index";} }有没有办法在angularjs控制器中获得属性“授权”?解决方法:试试这个: ($location.search()).授权 有关$locat...

javascript – 使用Angular获取onclick的值到同一行的另一行【代码】

我想获得数据单元的值< td>如果我点击其他< td>同一行.<tr ng-repeat="x in names"><td>{{ x.Name }}</td><td>{{ x.Country | uppercase }}</td></tr>例如,解决它的一种方法http://jsfiddle.net/L60L3gv9/$scope.getValueOfTD = function(x){alert(x.Name); }但在我的情况下,我的数据单元之间没有链接.有没有办法用标准函数来获得这个值?$scope.getValueOfTD = function(){}任何解决方案都没问题解决方法:您可以在tr上使用ng-...

javascript – Angular.js获取ng-repeat中2d数组中最后一个元素的索引【代码】

我的控制器中有这个2d数组:1 2 6 1 2 7 9 2 1 5 3 2 6我需要向用户显示每行的最后一个元素(例如:6,9,2,6)我想我需要使用指令ng-repeat的某种组合或使用角度过滤器获取数组的$last索引. 这是我的,但不起作用:<div ng-repeat="row in array">{{row[$last].property}} </div>谢谢解决方法:示例:http://jsfiddle.net/TheSharpieOne/cLHcU/请注意,在较新版本的angular中,您必须注册控制器,而不是将其投放到全局窗口对象上.以下是使用...

javascript – 使用AngularJS ng-bind-html从json数据获取img src【代码】

所以我得到了一个有趣的问题,我没有找到答案. 假设我从JSON文件中获得了大量数据,但不知何故,其中一个主要字段看起来像这样description : '<img src="http://o.aolcdn.com/hss/storage/midas/37c38989a5f26031be3e0ec5ffc5cd2/200012386/got-hbo-go-crash-2014-04-07-01_thumbnail.jpg"/> Viewing of the Game of Thrones season debut came to a crashing halt yesterday thanks to server problems with HBO Go. The cable outfi...

javascript – 输入类型文件无法获取angularjs中文件类型的文件名【代码】

我正在创建一个web应用程序,其中我有一个输入字段 < input type =“file”ng-model =“getfilename”/> 和一个按钮 < button ng-click =“clickfordetails()”>点击此处!< / button> 和段落标记< P> {{file}}< / p>当用户在输入字段中输入文件后单击按钮时,他应该在{{file}}中获取文件名 这是我的控制器$scope.clickfordetails=function() {$scope.file=$scope.getfilename; }但是当我编辑控制器时,我无法获取文件名$scope.clickf...

javascript – 如何获取angular.js中的复选框值【代码】

我一直在搜索这里的主题,但无法找到答案. 当用户在Angular中检查它时,我试图获取复选框的值.我有类似的东西<div class="checkbox"><div class="checkbox" ng-repeat="product in products"><input type="checkbox" ng-model="product"/> {{product.name}} </div><button ng-click='add()'></button>我希望在我的js中有一些东西$scope.add = function() {//I want to add the checked product in the selectedProduct array$scope.s...

javascript – 如何获取AngularJS中多个复选框的值?【代码】

在我的应用程序中,我有7个复选框.我想获取所选复选框的值并存储到对象中.如果取消选择,我想在对象中删除它. HTML<span ng-repeat="days in selectDays"><input type="checkbox" id="{{days}}" ng-model="daysSelected"/><label for="{{days}}">{{days}}</label> </span>调节器$scope.selectDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; $scope.selectedList = {}; //this is the object to store the selected chec...

javascript – Angular Selenium:无法从输入字段获取值【代码】

我在Protractor中编写了测试,并使用了一个期望语句:loginPage.email.sendKeys( params.login.email ); expect(loginPage.email.getText()).toEqual( params.login.email );但是,我的测试失败了,因为signUpPage.email.getText()返回一个空字符串.我找不到在Selenium的文档中调用什么函数来输入字段来返回正确的值? 在我的Protractor.conf文件中:params: {login: {email: 'user@email.com',password: 'blahblah123'}终端错误:Exp...

javascript – 使用Typescript从Angular 2中的Observable获取项目【代码】

我试图从一个服务提供的Angular 2中的一个observable中获取一个项目.到目前为止,我可以订阅observable并查看控制台中的内容,但不能通过它的ID过滤掉项目.我在下面尝试了以下内容,但得到一个空白屏幕.任何提示赞赏. service.ts:getJobs() {this.observableData = this._http.get('json_path/').map(res => res.json()).do(val => {this.result = val;this.observableData = null;}).share();return this.observableData; }componen...

javascript – Angular2在keypress或keydown上获取整个输入值【代码】

我可能会犯这个错误,因为我做的很简单,但我的解决方案很容易出错. 我想要做的就是在输入文本发生变化时(按下键时)对第三方组件执行过滤. 第一种方法不起作用:<input type="text" placeholder="Name Fitler" [(ngModel)]="NameFilter" (keydown)="keyDown($event)" />问题是在使用最新字符更新NameFilter之前执行key down,因此我的过滤器后面是一个字符 第二种做法不起作用keyDown(event:KeyboardEvent){var input = <HTMLInputEle...