天道酬勤,学无止境

angularjs

如何使用带有角图表的chart.js 使用requirejs(how to use chart.js with angular-chart using requirejs)

问题 尝试使用requirejs实现延迟加载。 当我不使用图表时,一切都很好。 但是当我想使用图表(角度图表)时,不会成功! 将 chart.js 与 angular-chart 一起使用。 这是 main.js: require.config({ baseUrl: "http://localhost/ums/angular/js", paths: { 'angular': 'lib/angular.min', 'ngRoute': 'lib/angular-route.min', 'flash': 'lib/angular-flash', 'angular-loading-bar': 'lib/loading-bar.min', 'ngAnimate': 'lib/angular-animate.min', 'ui.bootstrap': 'lib/ui-bootstrap-tpls-0.12.0', 'uniqueField': 'admin/directives/angular-unique', 'input_match': 'admin/directives/angular-input-match', 'uniqueEdit': 'admin/directives/angular-unique-edit', 'angularAMD': 'lib/angularAMD.min

2021-11-29 20:08:49    分类:技术分享    angularjs   requirejs   chart.js   angular-amd

如何从左向右滑动 Ionic 列表项?(How to swipe from left to right Ionic list item?)

问题 我想将 Ionic 列表项滑动到两侧。 (即左右和左右)。 它非常适合左右滑动,但我无法将列表项滑动到左侧。 我使用$ionicGesture进行左右滑动,当我使用swiperight事件时它也会给我一个警报: event($ionicGesture.on('swiperight', scope.reportEvent, elem)) ,但我不能让它在左侧显示ion-option-button 。 这是我的指令和控制器代码: .directive('onSwipeRight', function($ionicGesture) { return { restrict : 'A', link : function(scope, elem, attrs) { var gestureType = attrs.gestureType; switch(gestureType) { case 'swipeRight': $ionicGesture.on('swiperight', scope.reportEvent, elem); break; case 'swipeleft': $ionicGesture.on('swipeleft', scope.reportEvent, elem); break; case 'doubletap': $ionicGesture.on(

2021-11-29 19:49:51    分类:技术分享    angularjs   ionic-framework

如何在angularjs中获取复选框值?(How to get checkbox value in angularjs?)

问题 我的 ng-view 中有一个 10(或 n)复选框。 现在我想问一下,检查复选框是否选中以及如果选中获取复选框的值的最有效或最简单的方法是什么。 <ul> <li ng-repeat="album in albums"> <input type="checkbox" ng-model="folder.Selected" value={{album.name}} /> </li> </ul> 我有ng-controller(getAlbumsCtrl) ,因为我有一个数组,我想在其中将所有选中的专辑名称推送到albumNameArray 回答1 您可以遍历数组以找出选择了哪个并将其推入名称数组。 <ul> <li ng-repeat="album in albums"> <input type="checkbox" ng-model="album.selected" value={{album.name}} /> </li> </ul> $scope.save = function(){ $scope.albumNameArray = []; angular.forEach($scope.albums, function(album){ if (!!album.selected) $scope.albumNameArray.push(album.name); }) } //

2021-11-29 19:43:43    分类:技术分享    arrays   angularjs   asp.net-mvc-4   angularjs-filter   angular-routing

在量角器中模拟时间的流逝?(Simulate the passage of time in protractor?)

问题 我有几个地方使用 $timeout 或 $interval 在 UI 中延迟发生事情。 这是一个简化的示例: 控制器代码: $timeout(function() { $scope.showElement = true; }, 10000); HTML : <div id="myElement" ng-show="showElement"></div> 我希望能够创建一个端到端的量角器测试,测试是否在 10 秒等待后显示 #myElement。 我发现这样做的唯一方法是调用 browser.sleep(10000),这会导致我的测试实际延迟 10 秒。 这是有效的,但这些停顿加起来并显着增加了我的测试持续时间。 想象一下这样一种情况,您想测试一个模态是否在 30 分钟不活动后弹出。 有没有办法模拟特定时间的流逝,类似于茉莉花测试中的 $timeout.flush() ? 回答1 您可以装饰$timeout和$interval来覆盖提供给它们的延迟: 低等待时间.js exports.module = function() { angular.module('lowerWaitTimeDecorator', []) .config(function($provide) { $provide.decorator('$timeout', function($delegate) {

2021-11-29 19:43:00    分类:技术分享    angularjs   protractor   angularjs-timeout

将值从指令传递给控制器(Passing values from directive to controller)

问题 下面是我的 html 模板: <div ng-app="dr" ng-controller="testCtrl"> <test color1="color1" data-method="ctrlFn(msg)"></test> </div> 下面是我的代码: var app = angular.module('dr', []); app.controller("testCtrl", function($scope) { $scope.ctrlFn = function(arg) { alert(arg); } }); app.directive('test', function() { return { restrict: 'E', scope: { fromDirectiveFn: '&method' }, link: function(scope, elm, attrs) { //Way One scope.hello = "some message"; scope.fromDirectiveFn(scope.hello); } } }); <div ng-app="dr" ng-controller="testCtrl"> <test color1="color1" data-method="ctrlFn(msg)"></test> </div> 为什么我收到“

2021-11-29 19:41:19    分类:技术分享    javascript   angularjs

在 Angular JS 中如何禁用选定列的列排序功能(In Angular JS how to disable column sort feature for selected columns)

问题 在 jquery 数据表中,我可以禁用特定的列排序 "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0, 7] }] 有人知道如何在 Angular JS 中做到这一点吗? <table class="custom-table" datatable="ng" dt-options="dtOptions" id="contacts-list-table"> </table> myApp.controller("ListCtr", ['DTOptionsBuilder', function(DTOptionsBuilder) { $scope.dtOptions = DTOptionsBuilder.newOptions().withDOM('C<"clear">lfrtip') }]) 这段代码隐藏了我的搜索栏,但无法隐藏我的第一列和第四列的排序功能? 回答1 角度数据表等价于 aoColumnDefs: [{ bSortable: false, aTargets: [0, 4] }] 是 $scope.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef(0).notSortable(), DTColumnDefBuilder.newColumnDef(4)

2021-11-29 19:37:00    分类:技术分享    angularjs   angular-datatables

Gulp 错误:生成 EACCES(Gulp Error: spawn EACCES)

问题 gulpfile.js 'use strict'; var gulp = require('gulp'); gulp.paths = { src: 'src', dist: 'dist', tmp: '.tmp', e2e: 'e2e' }; require('require-dir')('./gulp'); gulp.task('build', ['clean'], function () { gulp.start('buildapp'); }); 吞咽/server.js 'use strict'; var gulp = require('gulp'); var paths = gulp.paths; var util = require('util'); var browserSync = require('browser-sync'); var middleware = require('./proxy'); function browserSyncInit(baseDir, files, browser) { browser = browser === undefined ? 'default' : browser; var routes = null; if(baseDir === paths.src || (util.isArray(baseDir) &&

2021-11-29 19:34:08    分类:技术分享    angularjs   node.js   npm   gulp   yo

使用打字稿注入对 angularjs 指令的依赖(Inject dependency to the angularjs directive using typescript)

问题 假设我有一个简单的角度指令,如下所示: app.directive('setFocus', ['$timeout', function($timeout) { return { restrict: 'AC', link: function(_scope, _element) { $timeout(function() { _element[0].focus(); }, 0); } }; }]); 如何使用 Typescript 编写此代码并在链接函数中获取 $timeout 访问权限? 我的例子看起来像这样: /// <reference path="../../reference.ts"/> class SetFocus{ constructor() { var directive: ng.IDirective = {}; directive.restrict = 'EA'; directive.scope = { }; directive.link= function ($scope, $element, $attrs) { // How can I access $timeout here? } return directive; } } directives.directive('setFocus', [SetFocus]); 这可能是一个愚蠢的例子

2021-11-29 19:19:14    分类:技术分享    angularjs   angularjs-directive   typescript

Angular - TypeError:XX 不是函数(Angular - TypeError: XX is not a function)

问题 也许我缺少某种属性,但是我正在关注这个项目,并且在我的控制器中遇到了这个错误。 TypeError: loginService.signin is not a function 这是我的 controller.js angular.module('appcontrollers', []).controller('LoginController', ['$rootScope', '$scope', '$http', '$location', '$localStorage', 'loginService', function ($rootScope, $scope, $http, loginService) { $scope.signin = function() { console.log("username: " + $scope.username); console.log("pass: " + $scope.password); var formData = { username: $scope.username, password: $scope.password }; // ERROR IN THIS LINE loginService.signin(formData, function(res) { console.log("asdf"); if (res.type

2021-11-29 19:18:57    分类:技术分享    javascript   angularjs   angularjs-scope   angularjs-service   angularjs-factory

如何销毁未解决的承诺(How to destroy unresolved promise)

问题 看看代码片段 $scope.getSongs = function(keyword){ songServices.getSongList(keyword).then( function(resp){ $scope.songList = resp.data.songList; } ); } 这里 getSongList 只是通过 HTTP 请求从服务器返回歌曲列表。 在我的 HTML 中: <input auto-focus type="text" placeholder="Enter song ID/Keyword" ng-model="keyword" ng-change="getSongs()"> 这里的问题在于承诺的行为,有时如果某些承诺需要更多时间(甚至以毫秒为单位)才能解决,那么它会显示错误数据。 当您搜索“AKON”时,让我们说第一次敲击“A”的承诺最后返回,然后它用错误数据刷新范围,有没有办法在向服务器发送另一个承诺之前停止或丢弃尚未解决的承诺,或者如何我可以处理这种情况吗? 提前致谢。 回答1 $http 调用可以取消,通过在 'timeout' 配置选项中传递一个承诺,并解决这个承诺。 从文档: timeout – {number|Promise} – 以毫秒为单位的超时时间,或承诺在解决时应中止请求。 例子: var canceler = $q.defer

2021-11-29 19:12:38    分类:技术分享    angularjs   angular-promise