Tag: angularjs

在angularjs中使用列表中的键盘快捷键

{{StoreList.StoreName}} No Result Found var angular = angular.module(‘mvcapp’, []); angular.controller(‘AngularController’, function ($scope, $http) { $scope.obj = {}; $scope.obj.showList = false; Getallitem() function Getallitem() { $http.get(‘/Coupons/GetStore’).success(function (data) { $scope.Store = data; }); } $scope.SelectedValue = function (item) { $scope.sname = item; $scope.obj.showList = false; } }); } 这是我在Angularjs中过滤列表的代码。 这段代码一切都很好。 我真正想要的是在箭头键列表中使用键盘并使用enter选择值。 所以当过滤列表时我也可以使用键盘。

$ http加载弹出窗口的最佳练习方法

我对Angular很新，但是我想知道A）以下场景是否可行B）有些会导致文档介绍从哪里开始。 场景：目前在我的MEAN应用程序中有一个由jQuery控制的’loading …’弹出窗口，在$ http请求开始时淡入，并在$ http请求成功后淡出。 目标：而不是将jQuery与Angular混合使用我认为使用Angular可能有更好的方法，所以我不会将两者混合在一起。 我还希望能够在显示/隐藏弹出窗口的调用中定义弹出窗口中显示的文本。 即。 “保存新用户……”，“删除用户……”。 这在jQuery中比较直接，但是处理这种情况的最佳实践Angular方法是什么？ 我猜我要创建一个自定义模块？ （也许？）

如何从$ .get jquery更新angularjs $ scope？

我试图使用以下代码并使用$scope ： var scopes = “https://www.googleapis.com/auth/contacts.readonly”; setTimeout(authorize(), 20); function authorize() { gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: false}, handleAuthorization); } invitePeersController.gmailContacts = []; function handleAuthorization(authorizationResult) { if (authorizationResult && !authorizationResult.error) { $.get(“https://www.google.com/m8/feeds/contacts/default/thin?alt=json&access_token=” + authorizationResult.access_token + “&max-results=50000&v=3.0”, function(response){ //process the response here console.log(response); var jsonChildData = JSON.parse(JSON.stringify( response.feed.entry)); for(var i=0; i<jsonChildData.length;i++){ try { var item = {}; […]

动态地为JSON子数组添加值？

我正在尝试实现图像中所示的filter。 我正在使用Angular JS框架，JQuery。 要求是，我有复选框filter，如应用程序名称，状态等。在选择应用程序或状态时，我需要动态创建一个JSON，如下所示。 应根据复选框值自动添加或删除“filterValues”中的值。 根据json值，我将查询数据库并获取结果并显示。 我正在构建如下的复选框： {{status}} 相应的控制器代码如下 $scope.change=function(filterCategory, filterField, filterValue, filterAdd){ $scope.filters[filterCategory]={“filterField”:filterField,”filterValues”:[filterValue]}; console.log($scope.filters); } 任何帮助深表感谢！！ { “Region”: { “filterField”: “kw_Region”, “filterValues”: [ “aa”, “bb” ] }, “ApplicationName”: { “filterField”: “kw_ApplicationName”, “filterValues”: [ “aa”, “bb” ] }, “IssueType”: { “filterField”: “kw_IssueType”, “filterValues”: [ “aa”, “bb” ] }, “Outage”: { “filterField”: “kw_Outage”, “filterValues”: [ “aa”, […]

如何在角度数据表中组合数据和显示图像

我正在使用angular datatable来创建表，以下是我的工作plnkr – http://plnkr.co/edit/pQ0TrNEjzyXmvFcIvkSr?p=preview 在这里，我想将两个列数据合并为一个，即将地址1和地址2显示为地址类似于 – addr1 – addr2以及（2）以在表列而不是链接中显示图像。 我试过了 – DTColumnBuilder.newColumn(‘addr1’ – ‘addr2’).withTitle(‘Address 1’),和DTColumnBuilder.newColumn(‘addr1 – addr2’)但没有运气（抛出错误） 请帮我解决一下这个。 谢谢。 我的脚本 – var dd = []; dd = [ {“Img”: “http://sofzh.miximages.com/javascript/animal head masks-011 (4).jpg”, “Name”: “Tiger Nixon”, “Age”: “61”, “addr1”: “234 My addr 1”, “addr2”: “234 My addr 2”}, {“Img”: “http://sofzh.miximages.com/javascript/animal-animes.png”, “Name”: “Garrett Winters”,”Age”: “63”, “addr1”: […]

将字段设置为dirty以在Angular JS中触发validation

我试图在表单中获取所有字段并将它们设置为脏。 像这样的东西： $timeout(function () { $(‘input’).each(function(){ $(this).$dirty=true; }); }, 0); 这不起作用。 我明白这样的事情很好用： $scope.form.uName.$dirty = true; 但是当我使用jquery遍历所有字段时，出现了问题。 这是小提琴： http ： //jsfiddle.net/Qdk5M/1302/ 感谢任何帮助。 谢谢..

我的Angular JS应用程序适用于桌面浏览器，但不适用于移动浏览器

我一直在使用预先存在的静态网站设计，现在我开始将它转换为Angular JS webapp作为练习。 我采取的第一步是将一些单独的页面转换为使用ngrepeat和一些JSON文件。 在Stack Overflow的帮助下，我解决了这些问题并决定采用ngRouting。 我现在创建了一个带有基页（index.html）的站点，其中包含一个带有导航栏和弹出菜单的标题（templates / header.html）和用于主站点内容的ngViews html partials（partials / foo.html）。 该应用程序在桌面Web浏览器中工作正常（ 偶尔会停止显示“测试”），但不会在移动设备上显示导航栏或html部分（只显示我包含的“测试”片段）。 的index.html Patrick Ackerman – Home Test 了header.html Patrick W. Ackerman Patrick Ackerman Teaching Assistant {{item.profileItem}} controllers.js var profileApp = angular.module(‘profileApp’, [‘ngRoute’]); profileApp.controller(‘BookCtrl’, function ($scope, $http){ $http.get(‘books.json’).success(function(data) { $scope.bookItems = data; }); }); profileApp.controller(‘MenuCtrl’, function ($scope, $http){ $http.get(‘profile.json’).success(function(data) { $scope.profileItems = […]

Angularjs与jquery auto完成无法正常工作

我正在尝试过去5个小时没有成功…这是代码.. 在视图中： Foo = {{foo}} 在控制器中： myapp.directive(‘autoComplete’, function(autoCompleteDataService) { return { restrict: ‘A’, link: function(scope, elem, attr, ctrl) { elem.autocomplete({ source: autoCompleteDataService.getSource(), //from your service select: function( event, ui ) { scope.foo= ui.item.label; scope.$apply; }, change:function (event, ui) { if (ui.item === null) { scope.foo = null; } }, minLength: 2 }); } }; }); […]

加载所有部分（ng-includes）后运行一个函数

一旦页面中的所有部分加载，如何运行一行jQuery。 没有运气$（document）.ready和$（document）.load还有其他方法吗？ app.controller(‘PageCtrl’, function () { $(document).ready( function() { $(“.left-nav”).height( $(‘.content-area’).height()); }); });

AngularJS：在每个项目的点击上添加相同的结构

我的index.html页面如下： {{item.name}} 对于这个ng-view我有record-list.html来显示所有记录，如下所示： …… 现在我想添加相同的结构（就像每条记录一样）附加在侧面板的每个项目的点击上。 这是什么逻辑？ 我最近的UI看起来像这样我希望在每次点击时添加相同的结构，这应该附加现有结构。 请帮忙。谢谢。