Tag: angularjs

JQuery阻塞异步初始化

我正在为SignalR集线器编写AngularJS服务。 这是我的服务工厂： .factory(‘gameManager’, [function () { $.connection.hub.start(); var manager = $.connection.gameManager; return manager; }]) 该代码将是完美的，除了.start()调用是异步的，并且在返回管理器之前集线器尚未完成。 基本上，我想阻止，直到开始完成，然后返回经理。 .start()方法返回一个Jquery 延迟对象，我猜这是答案的一部分，但我不知道如何在没有回调函数的情况下使用它？

仅为嵌套模式显示模态背景

我正在使用AngularJS并在一个html中有许多Bootstrap模式。 由于我需要在访问模态时与周围区域进行交互，因此我设置了： .modal-backdrop { display: none; } 但是，现在我需要添加一个必须有背景的嵌套模态。 我该怎么做呢？

从自定义指令触发ngChange

我正在尝试获取我的自定义指令来激活ngChange事件，以便原始控制器在指令中更改数据时执行某些操作。 我的指令看起来像这样： .directive(‘spInputCheckbox’, function() { return { scope: { ngModel: ‘=’, ngChange: ‘&’ }, restrict: ‘AE’, replace: ‘true’, template: ‘X{{ title }}’, link: function(scope, elem, attr){ scope.title = attr.title scope.$watch(‘ngModel’, function(value){ if(value){ scope.model = scope.ngModel } }); scope.change = function(value){ scope.ngModel = scope.model scope.ngChange() } } }; }) 这就是我怎么称呼它 这是一个带代码的JsFiddle

为什么自动完成输入未正确更新模型？

我正在使用以下依赖项： angularJS v1.5.5 jquery v1.12.4 jquery-ui v1.12.1 jQuery 自动完成插件v1.2.6 然后我像这样定义指令： .directive(‘autoComplete’, [ ‘$timeout’, function($timeout) { return function(scope, element, attrs) { var auto; auto = function() { $timeout((function() { if (!scope[attrs.uiItems]) { auto(); } else { element.autocomplete({ source: [scope[attrs.uiItems]] }); } }), 0); }; return auto(); }; } ]) 我借用了这个问题的答案。 自动完成function大部分工作，但是当我使用键盘移动匹配并按回车或用鼠标单击匹配时，模型仅使用我键入的部分更新，而不是选择完整项目。 我应该在哪里解决这个问题？ 它是插件中的错误吗？ 指示？ 我的输入定义？ $scope.ccyPairs […]

在另一个datepicker中更改时无法更改datepicker参数？

我在表单中有两个日期选择器。 当用户选择第一个日期时，应更新第二个日期选择器的最小和最大日期（距选择一年）。 但在我的情况下，当我第一次在第一个datepicker中选择日期时，最小和最大日期只更新一次。 但是，如果我更改选择，则第二个日期选择器不会使用更改的值进行修改。 HTML： Model Production Date Next Review Date JS： .directive(‘datePicker1’, function () { return function (scope, element, attrs) { element.datepicker({ format: “yyyy/mm/dd”, todayHighlight: true, //startDate: stDate || new Date(), //endDate:enDate || new Date(), autoclose: true }); scope.$watch(‘productionDate’, function (newVal, oldVal) { if(newVal){ scope[‘productionDate’] = newVal; } else{ return; } }); }; }) […]

未知提供者：uniqueFilterProvider < – uniqueFilter

这是我的技能 [[ skills ]] 结果 [{“id”:17,”type”:”Content Management”,”name”:”NPM”,”value”:”84″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 14:00:26″,”updated_at”:”2017-03-09 15:25:50″},{“id”:16,”type”:”Content Management”,”name”:”Composer “,”value”:”80″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 14:00:14″,”updated_at”:”2017-03-09 13:16:54″},{“id”:15,”type”:”Framework”,”name”:”AngularJS”,”value”:”73″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:59:00″,”updated_at”:”2017-03-08 13:59:30″},{“id”:14,”type”:”Content Management”,”name”:”RequireJS”,”value”:”65″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:58:06″,”updated_at”:”2017-03-09 13:17:10″},{“id”:9,”type”:”Content Management”,”name”:”Bower”,”value”:”70″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:54:53″,”updated_at”:”2017-03-09 13:17:02″},{“id”:8,”type”:”Web Scaffolding”,”name”:”Yeoman”,”value”:”50″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:54:43″,”updated_at”:”2017-03-09 13:09:57″},{“id”:7,”type”:”Build System”,”name”:”Gulp”,”value”:”90″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:54:18″,”updated_at”:”2017-03-09 13:07:20″},{“id”:6,”type”:”Development Environment”,”name”:”Docker”,”value”:”60″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:53:59″,”updated_at”:”2017-03-09 14:15:38″},{“id”:5,”type”:”Development Environment”,”name”:”Vagrant”,”value”:”70″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:53:46″,”updated_at”:”2017-03-08 13:53:46″},{“id”:3,”type”:”Build System”,”name”:”Grunt “,”value”:”88″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:49:40″,”updated_at”:”2017-03-09 12:01:04″},{“id”:2,”type”:”Server Management”,”name”:”Linux”,”value”:”87″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:45:34″,”updated_at”:”2017-03-09 14:15:27″},{“id”:1,”type”:”Framework”,”name”:”Laravel 5″,”value”:”95″,”description”:null,”img_path”:null,”created_at”:”2017-03-08 13:24:16″,”updated_at”:”2017-03-09 14:15:14″}] [[ skill.type ]] 结果 未知提供者：uniqueFilterProvider < – uniqueFilter 我已经把这些放在我的文件之上了，我的控制台上没有404，所以我假设，我正确地链接了它们。 对myApp “use strict”; […]

搜索单词并为其着色

我试图在iframe中搜索一个单词并使用angularjs和jquery为它着色。 对于jquery代码，我从@andrew stackoverflow获得了帮助。 在Jquery代码中，如果条件存在，控制器不会进入条件。 请帮我解决问题。 这是我的完整代码，其中包含角度代码和jquery代码。 Angular代码工作得很好，在控制台中我能够看到所有的控制台，首先我解析数组并只取出在jquery中搜索所需的字符串。 之后，我使用该搜索词在iframe中搜索。 但是我遇到了jquery代码的一些问题。 Sample var myApp = angular.module(‘app’, []); myApp.controller(‘ToddlerCtrl’, function($scope) { // Define an array of Toddler objects $scope.toddlers = [ [100, [“sample”]], [100, [“used”]], [100, [“tag”]], [33.33333333333334, [“file”]] ]; for (var key in $scope.toddlers) { if ($scope.toddlers.hasOwnProperty(key)) { var temp = JSON.stringify($scope.toddlers[key][1]) var final_string = temp.slice(2, -2); […]

使用Angularjs连接到signalr时出现404错误

大家好我正在努力实现一个SignalR股票代码使用AngularJS基于这里的一个例子。 但我连接到这样的信号器时出现错误GET http：// localhost：9000 / signalr / negotiate？clientProtocol = 1.5＆connectionData =％5B％7B％22name％22％3A％22stockticker％22％7D％5D＆_ = 1480526019939 404（未找到） 这是我的jquery文件中显示错误的地方： try { // Do send the request (this may raise an exception) xhr.send( options.hasContent && options.data || null ); } catch ( e ) { // #14683: Only rethrow if this hasn’t been notified as an error yet if ( […]

使用html2canvas将带有highcharts图形的html转换为图像

我想将HTML页面转换为图像，当我使用下面的代码时，我得到的结果与我期望的不完全匹配。 html2canvas($(“#sharedOne”), { onrendered: function (canvas) { console.log(“canvas”,canvas) var imgsrc = canvas.toDataURL(“image/png”); console.log(imgsrc); } }); 这是HTML的屏幕截图 这是运行上面代码的结果的屏幕截图。 当我使用下面的代码时，我收到一个错误： var canvas = document.getElementById(‘sharedOne’); console.log(“CSSSS”,canvas) var t = canvas.toDataURL(“image/png”); console.log(“chart”,t) 错误是： 错误canvas.toDataURL不是函数 我为此问题创建示例请检查 https://jsfiddle.net/solanki/hku6r7g2/ 注意： HTML页面包含高图图表

如何调用由jQuery事件触发的Angular组件内的函数？

我有一个使用jQuery（FineUploader）的第三方组件。 当文档上传时，它会在javascript / jquery中触发一个事件，此时我需要从我的Angular组件之外的jquery代码中调用一个位于我的Angular组件内部的函数。 角度按钮按预期工作，但我无法获得jQuery按钮来成功调用该函数。 这是我的plunker示例代码 HTML页面 function widgetController() { var model = this; model.addWidget = function(text) { alert(text); } } var app = angular.module(“app”, []); app.component(“widget”, { templateUrl: “template.html”, controllerAs: “model”, controller: [widgetController] }); 模板页面 The jQuery button below is a representing a third-party component that can’t be altered and uses jquery events. Add […]