Tag: angularjs

我们可以在某个限制之后将对象渲染为html（ng-repeat），我们可以继续从最后一个对象渲染到父元素: 我需要将列表候选配置文件渲染为coursel（项目）滑块（每张幻灯片限制为18）。这是我的HTML： {{Candidate.Name}} 从ajax电话我将获得候选人资料列表 – “CandidateProfiles” 角度代码： ManagmentApp.controller(“cntrlrCandidateProfile”, [“$scope”, “$routeParams”, “HostelManagementService”, “$filter”, “ModalService”, function ($scope, $routeParams, HostelManagementService, $filter, ModalService) { function getCandidateProfiles(response) { $scope.CandidateProfiles = response.data.CandidateData; } function errorTOGetCandidateProfiles() { } // —————-Coursel slides initialization ——————— function courselInitialisation(className, slideDuration) { $(className).carousel({ interval: slideDuration //changes the speed }) } courselInitialisation(“#hstlCandidateProfiles”, 3000); HostelManagementService.get().then(getCandidateProfiles, errorTOGetCandidateProfiles);)}; 在这里我想做的是限制-18个候选人的个人资料，然后从19个个人资料应该绑定为新的“项目”类。 {{Candidate.Name}} 在每18个候选者之后它应该绑定新项目（div元素应该渲染到html中）。 […]

当值为0时，jQuery Knob显示NaN: 这真的很奇怪。 $(function(){ $(‘.dial’).knob({ return value + ‘%’; }); }); 这是我的原始代码，以显示百分号，这很好。由于某种原因，当值为0时，在页面加载时它显示为NaN 。奇怪的是，只有在突出显示文本然后单击“关闭”才会显示实际值0（替换NaN值）。知道导致这种情况发生的原因吗？我试图在格式钩子中处理它： $(function(){ $(‘.dial’).knob({ ‘format’: function( value ){ if(value == undefined || value == NaN { value = 0; return value + ‘%’; } else{ return value + ‘%’; } } }); }); 它仍然无法正常工作。我控制台记录了我传入的值，确定它是0.我认为它可能是’x之前加载’，因此它将值视为未定义，因为我传递的值属性为angularJS数据绑定。但我试图处理它无济于事。有什么想法吗？

如何更改每个附加文本Angularjs: 我没有使用append事件正确地获得结果，而不是在添加每个名称时使用ng-repeat。你能帮我解决一下如何从一个输入字段中更改添加的每个名字。告诉我不使用ng-repeat，因为ng-repeatfunction对我的进一步运行function不起作用，你可以使用jquery或javascript解决这个问题，如果不使用ng-repeat就可以。在此先感谢.. 这是JSBin var app = angular.module(‘myapp’, [‘ngSanitize’]); app.controller(‘AddCtrl’, function ($scope, $compile) { $scope.my = {name: ‘untitled’}; $scope.add_Name = function (index) { var namehtml = ‘{{my.name}} //click’; var name = $compile(namehtml)($scope); angular.element(document.getElementById(‘add’)).append(name); }; $scope.selectName = function (index) { $scope.showName = true; }; }); Add Names Name Change(?)

承诺再次承诺（Angular JS）: 使用HTTP和基于请求的初始代码更新/请查看post的底部：我最近在AngularJS学习曲线上发布了几个问题，SO社区也很精彩。我曾经是一名传统的C程序员，我以前编程并且最近开始编写我自己的离子/ Angular JS应用程序。在将自定义函数转换为promise时，我正在努力处理传统异步调用的promise版本。我不认为我真的理解，我发现各种非常人为的例子。我很感激一些帮助。我有一些代码无效，我有一些概念性的问题：我们来看看这个简单的function： angular.module(‘zmApp.controllers’).service(‘ZMDataModel’, function() { return { getMonitors: function () { return monitors; } } getMonitors是一个简单的函数，它基本上返回一组监视器。但这就是问题：当应用程序首次启动时，我会调用一个http工厂执行http get，然后填充此监视器列表。此http工厂与此服务不同，但在此服务中调用setMonitor方法来填充数组。填充数组时，名为“monitorsLoaded”的变量设置为1.当此变量设置为1时，我确定已加载监视器。现在，我有一个名为“MontageCtrl”的控制器。我想在显示视图之前等待监视器加载。在之前的post中，有人建议我使用路由解析，但我必须先将我的getMonitors转换为promise。所以这就是我所做的： angular.module(‘zmApp.controllers’).service(‘ZMDataModel’, function($q) { getMonitors: function () { var _deferred = $q.defer(); if (monitorsLoaded!=0) { console.log (“**** RETURNING MONITORS *****”); _deferred.resolve(monitors); } console.log (“*** […]

AngularJs中的自定义排序: 我有像JSON字段 {“facebook”:”aravind@facebook.com”, “homeAddress”:”26, New Street, Blr”, “officeAddress”:”31, Old Office Street, Blr”, “city”:”Blr”, name:”aravind” }, {“facebook”:”ashok@facebook.com”, “homeAddress”:”26, New Street, che”, “officeAddress”:”31, Old Office Street, che”, “city”:”che”, name:”ashok” } 在Angular js中，我默认按名称命令字段，我有一个文本框和按钮当我在文本框中输入位置后单击按钮（对于Ex：blr）。列表按位置排序。目前我按位置完成了filter。但我不想过滤。我想要对列表进行排序 var locationFilterHome = {homeAddress: location}; filterData = $filter(‘filter’)(data, locationFilterOffice) 我使用上面的代码进行过滤。如何根据位置进行排序

输入框在IE中不使用角度: 我正在使用angular-dragdrop.js。 URL： http ： //angular-dragdrop.github.io/angular-dragdrop/在我的项目中用于拖放function。我在使用输入类型文本时遇到了一些问题。它不仅适用于IE浏览器。 IE 11和IE 10。问题 – onCLick输入框焦点即将到来，但输入框内的光标未到来。 HTML代码：因为ui-draggable false它正在工作。但对于ui-draggable它不起作用。供应商JS文件： /** * Created with IntelliJ IDEA. * User: Ganaraj.Pr * Date: 11/10/13 * Time: 11:27 * To change this template use File | Settings | File Templates. */ (function(angular){ function isDnDsSupported(){ return ‘ondrag’ in document.createElement(“a”); } if(!isDnDsSupported()){ […]

如何使用JQuery DatePicker或angularJS来显示一周中的几天？: 我正在开发一个项目，需要我根据所选的选项做三件事。下拉列表中的选项包括每日，每周，每月和每年。如果选择Weekly ，我只需将星期几显示为按钮。如果选择每月，我只需要将日期（1-31）显示为按钮。如果选择Yearly ，我只需要将一年中的几个月显示为按钮。我可以在datepicker或angularJS中使用选项（我还在学习angularJS）以使其工作吗？请注意，一旦我从下拉列表中选择了该选项，我将更喜欢在我指定的div中填充按钮（意思是，我不会单击输入框来显示日历）。如果有替代datepicker或calendarUI，我也愿意尝试。请帮我解决一下这个。提前感谢所有的建议。

依赖选择元素的AngularJS指令: 我正在尝试为依赖的select元素编写一个指令。关系是Country > States > Cities 。当具有类country元素被更改时，我应该更新具有类states的元素和具有类city元素的相同行为。要获得州，我只需要国家ID，为了获得城市，我需要国家和州的ID。所以我做了这个代码： app.directive(‘country’, [‘$http’, function($http) { return { restrict: ‘C’, link: function(scope, element, attrs) { element.change(function() { $http.get(Routing.generate(‘states’) + ‘/’ + element.val()).success(function(data) { if (data.message) { scope.message = data.message; } else { scope.states = data; } }).error(function(data, status, headers, config) { if (status == ‘500’) { scope.message […]

弹出窗口外部链接: 有一段时间我一直在使用http://angular-ui.github.io/bootstrap/模态显示模态弹出窗口，我发现我可以加载外部URL（templateURL）到这个视图。但问题是加载大约需要3-4秒。我需要将外部内容加载到模态弹出窗口，我找不到任何快速/良好的工作方式。弹出是在编辑/创建按钮，这就是为什么在按下按钮之前加载内容对我不好（将永远在iframe中加载100-200记录左右）如何减少角度自举模式的加载时间？或者也许还有其他方式我可以在模态中加载我的MVC视图？（我正在使用mvc5 razor）我的代码示例： Create 和new_tp： if (size == “new_tp”) { modalInstance = $modal.open({ templateUrl: ‘/Transport/Create/’, controller: ModalInstanceCtrl, size: size, resolve: { items: function () { return $scope.items; } } });

如何从具有多个时间戳的数组中每天显示一次日期: 我有一个包含多个会话的数组，每个消息都由用户或管理员输入一个时间戳，指示消息发送的时间。对话可以在同一天结束，也可以在开始后的一天或一周，一个月甚至一年后继续。我想在页面上显示当天（例如：2015年5月7日），表明会话已于今天开始。如果在以后的某个日期收到对话，我想显示当天的日期（例如：2015年5月8日）。我正在使用AngularJS，我已经搜索了一个聊天应用程序或类似的示例，但我没有找到一个好的例子，也没有找到一个教程。她是我对话的阵容： conversationList.conversations = [ { ConversationID: 1, Person : { name : “Bobi Ristov”, email : “bobby.ristov@socialdeal.nl”, image : “/img/bobi.png”, phone : “06 – 12345678” }, Messages : [ { text : “Ik heb een vraag”, messageClass : “user-message”, animationClass: “user-reply”, time : 1429257762800 }, { text : “Wat is […]