Tag: angularjs
AngularJS – Jquery数据表为空
我正在尝试使用angular和jquery数据表显示数据表，但到目前为止，数据表在应用数据表函数后仍保持为空。 我已经读过，最好的方法是使用指令，但我不能让它工作。 这只是我设法让它工作是通过应用100毫秒的超时（超过100的时间不起作用） 我想要做的是在呈现DOM之后应用datatable函数。 我敢肯定有人设法做到了;） userController.js myApp.controller(‘UserController’, [‘$scope’, ‘User’, function ($scope, User) { User.query(function(data) { $scope.users = data; }, function(errorData) { }); }]); datatableSetup.js myApp.directive(‘datatableSetup’, [‘$timeout’, function ($timeout) { return { restrict: ‘A’, link: function (scope, elm, attrs) { $timeout(function() { elm.dataTable(); }, 100); } } }]); user.html Username Roles {{user.username}} {{role}}
Javascript基于公共元素合并数组
我正在尝试创建一个单个对象，该对象从两个单独的对象（取自ajax调用）获取信息。 基本上我们有一个标签列表，还有一个元素列表，这些项是相关的，但是标签对象不包含我填充所有数据所需的所有信息。 例如： 标签列表： [ {“id”: 1, “name”: “yadda”, “description”: “yadda yadda”}, {“id”: 2, “name”: “yadda1”, “description”: “yadda yadda1”}, {“id”: 7, “name”: “yadda2”, “description”: “yadda yadda2”}, {“id”: 10, “name”: “yadda3”, “description”: “yadda yadda3”} ] 元素列表（更多信息）： [ {“id”: 1, “icon”: “icon1.gif”}, {“id”: 2, “icon”: “icon2.gif”}, {“id”: 7, “icon”: “icon3.gif”}, {“id”: 10, “icon”: “icon4.gif”} ] 我需要通过ID比较两个对象，并将它们组合成一个新对象，使我能够访问这两个对象中的所有数据。 如果它有帮助，这是一个有角度的项目，我已经在使用下划线了，我相信必须有一些方法用下划线做这个，但我不是很熟悉它。
AngularJS中的JSONP请求不像jQuery那样工作
我想用AngularJS的$ http服务请求Dailymotion API，但它似乎不像jQuery那样工作。 var url = ‘https://api.dailymotion.com/videos?fields=id,audience,onair&ids=xzttq2_c,xrw2w0’; 请求使用jQuery jQuery.ajax({ type: ‘GET’, url: url, dataType: ‘jsonp’, success: function(data) { console.log(‘Success’, data); }, error: function(data) { console.log(‘Error’, data); } }); 结果 使用jQuery，它工作得很好。 我不必使用回调。 Success Object {page: 1, limit: 10, explicit: false, has_more: false, list: Array[2]} 请求使用AngularJS $http({ method: ‘jsonp’, url: url, responseType: “json” }). success(function (data) { […]
ng-repeat动态完成后的Angular JS回调
有大量post显示如何根据指令设置回调函数，这样当ng-repeat函数完成后，您可以等待然后调用函数。 例如，这是我的例子。 {{Object.Overlay} 然后当它完成时，以下调用我的函数 .directive(‘onFinishRender’, function ($timeout) { return { restrict: ‘A’, link: function (scope, element, attr) { if (scope.$last === true) { $timeout(function () { scope.$emit(‘ngRepeatFinished’); }, 0); } } } }); 完成后，这会成功调用我的函数 $scope.$on(‘ngRepeatFinished’, function(ngRepeatFinishedEvent) { //my code goes here } 现在所有这些都完美无缺，并且第一次设置我的$ scope.Objects变量时也是如此。 我的代码将等待所有对象完全呈现然后运行，完全是完美的。 但是，如果在最初的所有内容后我再次更改$ scope.Objects，我的函数仍会运行，但它不会等待完成。 它实际上可以通过控制台日志看到，第一次循环它会在我进入指令之后但在实际发射之前暂停大约半秒，但是在我的ng-repeat的后续更改中它不会暂停并简单地调用我的函数之前dom完成渲染。 这太烦人了，任何帮助都会很棒！
如何重新加载具有不同参数的div？
我有一些标签。 在选择每个选项卡时，应使用与每个选项卡对应的一些特定参数值初始化特定div并重新加载。 怎么做到呢？ 以下是标签： Crime Accidents District:
angularJS：页面刷新时更改图像。 否则（如果没有刷新）想要在5秒内自动更改
这里创建了一个页面， 页面刷新时 图像更改 。 从这个SO问题在angularJS中的页面刷新时更改图像 。 现在我需要在5秒后自动 更改图像 ，这意味着页面刷新或图像不想更改。 如何通过实现以下代码来解决此问题。 请帮我… if(!localStorage.getItem(“uID”)){ var s = {“id”:1}; localStorage.setItem(“uID”, JSON.stringify(s)) } $scope.data = [{ “id”: 1, “path”: “Content/Banner/banner.jpg” }, { “id”: 2, “path”: “Content/Banner/banner1.jpg” }, { “id”: 3, “path”: “Content/Banner/banner2.jpg” }, { “id”: 4, “path”: “Content/Banner/banner3.jpg” }] var item = localStorage.getItem(“uID”) item = JSON.parse(item); var obj = […]
如何在角度ui网格中进行多重过滤？
我需要过滤具有多个条件的列。 这是我的代码： filters : [ { condition : uiGridConstants.filter.GREATER_THAN, placeholder : ‘greater than’ },{ condition : uiGridConstants.filter.LESS_THAN, placeholder : ‘less than’ } ] 上面的代码将显示“大于”和“小于”特定列的值。 我需要再添加2个条件：类似“不在大于和小于值之间”。 以下是plunker： http ：//plnkr.co/edit/co8tfDrn2EOyC5thrMwg？p = preview
Angularjs：$ locationProvider.hashPrefix（“！”）;
我想将url显示为“www.test.com/!#”，因为我使用的是$ locationProvider.hashPrefix（“！”）; 但它显示url为“www.test.com/#！” 。 我想要 ”！” 哈希之前不哈希。 谢谢 var app = angular.module(‘app’, []); app.config(function ($routeProvider, $locationProvider) { $locationProvider.html5Mode(false); $locationProvider.hashPrefix(“!”); $routeProvider.when(‘/’, { templateUrl: “app.html”, controller: “AppCtrl” } ) .when(‘/Program’, { templateUrl: “detail1.html”, controller: “Redirect” }) .when(‘/Program/123456/channel/78458585’, { templateUrl: “details.html”, controller: “Detail” }); }); app.controller(“AppCtrl”, function ($scope) { }); app.controller(“Detail”, function ($scope, $location) { }); app.controller(“Redirect”, function […]
选择日期时，bootstrap-datepicker不会更新AngularJS模型
我在这个bootstrap-datepicker插件中使用AngularJS： Bootstrap v1.6.4的Datepicker（ https://github.com/eternicode/bootstrap-datepicker ） 版权所有2012 Stefan Petre Andrew Rowls的改进 我有这样的约束： 我使用ng-model获取输入值。 当我使用键盘在此字段中键入日期时，一切正常，但是当我单击某个字段并从Datepicker中选择日期时： 模型没有更新， 该字段不被视为脏（没有ng-dirty类）。 有没有办法告诉Angular在使用obj.FirstDate时更新obj.FirstDate值？ 例如，将它附加到事件？ 或任何其他方式，这将有效吗？ 我有一些这样的字段，所以我不想编写使用其id附加到字段的脚本。 任何帮助赞赏。
在Angular中手动编译指令时内存泄漏
我正在尝试手动编译指令并通过JQuery将其添加到DOM。 该指令是一个带有ngClick处理程序的简单div。 指令本身没有使用JQuery插件（这似乎是许多其他内存泄漏线程的焦点）。 如果运行探查器，您会发现它泄漏了节点。 有没有什么可以解决这个问题或者它是JQuery / Angular中的问题？ 在这里小提琴 Profiler截图 HTML 使用Javascript var ButtonsCtrl = function($scope, $compile) { this.scope = $scope; this.compile = $compile; }; ButtonsCtrl.prototype.toggle = function() { var c = angular.element(‘#container’).children(); if (0 in c && c[0]) { c.scope().$destroy(); c.remove(); } else { var s = this.scope.$new(); this.compile(”)(s).appendTo(‘#container’); } }; var ThingCtrl = function($scope) […]
