Tag: angularjs

使用jquery element.val（）时，ng-model没有更新: 这里有PLUNKR的例子我正在使用某种版本的jquery autocomplete作为angularjs direcitve。当jquery使用element.val()更新输入的值时，在下一个摘要（我猜）之后才会注意到更改。我的第一个想法是使用$timeout对ng-model post digest执行操作，但是你可以看到它没有帮助。我的第二种方法是覆盖元素的val函数来触发input事件，但我还没有设法让它工作。尝试从自动完成列表中选择一个值，您将看到上面的ng-model没有更新。 UPDATE 谢谢你的回复。我不知道onSelect选项。这是基于您的建议的代码 // clone user provided options scope.options = _.extend({}, scope.AutoCompleteOptions()); // Wrap onSelect – Force update before manipulation on ng-model var fn = _.has(scope.AutoCompleteOptions(), ‘onSelect’) ? scope.AutoCompleteOptions().onSelect : _.noop; scope.options.onSelect = function () { ngModelCtrl.$setViewValue(element.val()); scope.$apply(fn); }; scope.autocomplete = $(element).autocomplete(scope.options); 这样我保持指令的界面，同时保证ng-model将是最新的。谢谢。

angular.js $ http.get如何强制UTF-8编码: 我要阅读用utf-8字符集编码的JSON文件我用这个语法： $http.get(‘resources/negozi.json’, {header : {‘Content-Type’ : ‘application/json; charset=UTF-8’} }).success(function(data) { … code here }); 但是，响应头是： Content-Type ：text / plain; 字符集= ISO-8859-1 如果我尝试使用jquery执行此操作： $.ajax({ type: “GET”, url: “resources/negozi.json”, contentType: “application/json; charset=utf-8”, dataType: “json”, 请求标头是正确的。但是，反应是一样的。 Content-Type ：text / plain; 字符集= ISO-8859-1

在momentjs中两次之间的小时差异（HH：MM：SS a）: 我有两次没有约会 var startTime=”12:16:59 am”; var endTime=”06:12:07 pm”; 我想用moment.js.显示上述时间之间的总小时moment.js. 如果在moment.js不可能，那么请通过javascript告诉我。输入： var startTime=”01:30:00 am”; var endTime=”2:45:07 pm”; 预期产出： 1 hour and 15 minutes

AngularJS指令不显示模板: 这是我的AngularJs指令。它”希望在模板中显示div但在代码运行时它什么都没显示。这是html 这是AngularJS指令 var app = angular.module(‘SuperHero’,[]); app.directive(‘SuperMan’,function(){ return{ restrict:’E’, template: ‘Hello fromt Directive’ } }); 这是演示

在AngularJS服务调用之后填充jQuery UI手风琴: 我正在尝试构建一个AngularJS应用程序，我正在使用jQuery UI手风琴控件。问题是，jQuery UI手风琴是在我的AngularJS服务从服务器加载数据之前启动的。换句话说：手风琴在启动时没有任何数据，因此不会显示何时填充AngularJS的数据。该视图如下所示： $(“#b2b-line-accordion”).togglepanels(); 我的AngularJS控制器看起来像这样： app.controller(‘orderController’, function ($scope, orderService, userService) { // Constructor for this controller init(); function init() { $scope.selected = {}; $scope.totalSum = 0.00; $scope.shippingDate = “”; $scope.selectedShippingAddress = “”; $scope.orderComment = “”; $scope.agreements = false; $scope.passwordResetSuccess = false; $scope.passwordResetError = true; userService.getCurrentUser(2).then(function (response) { $scope.user = response.data; orderService.getProductCategoriesWithProducts($scope.user).then(function (d) […]

将货币filter应用于angularjs中的输入字段: 嗨，当我使用span标签时，我可以应用货币filter {{item.cost | currency}} 我想知道如何在输入标签中应用相同的货币filter。即当我尝试将货币filter应用于输入字段时，它不起作用。请告诉我如何将货币filter应用于输入字段。谢谢

ng-repeat排序箭头在javascript数据表中不起作用: 我对AngularJs和数据表很新。我需要使用ng-repeat填充表行中的数据。我能够填充行并首次启用排序。当我点击箭头来排序或下降行数据擦除。这是我的表格数据 Campaign Name Description Activate/Deactivate edit <!– status –> <!– Details –> {{campaign.campaignObject.campaignName}} {{campaign.campaignObject.campaignMessage}} {{ campaign.campaignObject.label }} ?campaignId={{ campaign.campaignObject.id }}”> ” > 这是我的排序javascript代码 $(document).ready(function() { $(“#noCampaignData”).hide(); //$(“#example_paginate”).hide(); var rowCount = $(“#example tr”).length; console.log(“Row count value is”+rowCount); if (rowCount >= 0) { console.log(“Entered into Sorting”); $(“#example”).dataTable({ “pagingType” : “full_numbers”, “order” : [ […]

$ viewContentLoaded未触发: $viewContentLoaded永远不会在我的Angular控制器中触发。下列： function MyController($scope) { $scope.$on(‘$viewContentLoaded’, function() { alert(“blah”); }); } 永远不会遇到断点，也不会弹出警报。我认为这是非常标准的用途，所以我不确定它可能是什么，但它肯定不会解雇。控制器中的其他所有内容都表现正常。什么会导致这个？

jQuery和AngularJS没有合作: 我正在使用RequireJS和Angular，但他们在我的设置中没有合作。当jQuery版本是1.7.2时，事情很好。但是我想使用jQuery 1.8.1和jQuery UI和角度应用甚至无法用这个初始化我的主模块。这是问题所在：区分大小写的变量：jQuery和jquery。在jquery 1.8.1源代码中，最后他们定义了window.jQuery。在早期版本1.7.2中定义了window.jquery。因为我想在我的应用程序中使用jQuery UI包含文件jquery-ui-1.8.23.custom.min.js。包含它之后我得到了“jQuery”未定义的错误。所以，我决定升级我的jQuery版本并下载了所说的1.8.1版本。接近jQuery源代码的末尾，我可以看到这个版本定义了window.jQuery（jQuery UI需要的正确案例）。我用James Burke github项目更新了我的require-jquery JS和最新版本，并用jquery 1.8.1更新了它。但是包括更新的jQuery / RequireJS项目，angularjs已停止工作。我在Chrome控制台中收到此错误：如果我恢复到1.7.2角度工程。或者，如果我编辑jQuery文件来定义window.jquery而不是window.jQuery（注意案例）它再次起作用。但这意味着jQuery UI不会。

jQuery没有使用ng-repeat结果: 我正在使用ng-repeat来构建一个使用jQuery和TB的手风琴。出于某种原因，这在硬编码时工作正常，但在ng-repeat指令内部无法触发。我当时认为问题是来自jQuery而不是事后加载的绑定元素。所以，我认为不是在页面加载时加载脚本，而是在返回数据时在.success上加载函数会更好。不幸的是，我无法弄清楚如何使这项工作。测试页面： http ： //staging.converge.io/test-json 控制器： function FetchCtrl($scope, $http, $templateCache) { $scope.method = ‘GET’; $scope.url = ‘https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=http://www.web.com&key=AIzaSyA5_ykqZChHFiUEc6ztklj9z8i6V6g3rdc’; $scope.key = ‘AIzaSyA5_ykqZChHFiUEc6ztklj9z8i6V6g3rdc’; $scope.strategy = ‘mobile’; $scope.fetch = function() { $scope.code = null; $scope.response = null; $http({method: $scope.method, url: $scope.url + ‘&strategy=’ + $scope.strategy, cache: $templateCache}). success(function(data, status) { $scope.status = status; […]