Tag: angularjs

如何使用组件路由角度1.5在页面中导航时保留值

最近我实现了1.5角分量路由。 但是我在浏览页面时无法保留值。 如何在浏览页面时保留值。 看看这个PLUNKER 。 这是两页导航的基本示例。 当我在第1页上输入/选择值时，我转到下一页 。 当我来到上一页所有值重置时，它不保留值。 我们如何在浏览页面时实现保留值？ 这个例子只有两个页面导航，在实际应用中我将有5-10页面导航。 如果可以保留切换选择。 那太好了。 这是我的代码： JavaScript的 (function(angular) { ‘use strict’; var module = angular.module(‘app’, [‘ngComponentRouter’]); module.config(function($locationProvider) { $locationProvider.html5Mode(true); }); module.value(‘$routerRootComponent’, ‘myFirstApp’); module.component(‘myFirstApp’, { templateUrl: “mainview.html”, $routeConfig: [{ path: ‘/’, redirectTo: [‘/First’] }, { path: ‘/first’, name: ‘First’, component: ‘firstComponent’ }, { path: ‘/second’, name: ‘Second’, component: […]

如何设置第一个控制器数据另一个控制器

这里我添加了categoryCtrl和ProductCtrl。 此代码行 console.log(category); 工作正常。 如何使用for循环或其他任何方式为产品控制器绑定此数据。 .controller(‘CategoryCtrl’, function($scope, $http) { var vm = this; vm.playlists = {}; $http.get(“http://localhost/youtubewebservice/shop-categorylist-product.php”).then(function(response) { vm.playlists = response.data.category; console.log(response.data.category); }); $scope.selectedJsonObject=function(category){ console.log(category); } }) .controller(‘productCtrl’, function($scope, $stateParams) { });

Firefox – 收集LAB.min.js使用的数据

我有一个设备 – Stiebel Eltron热泵 – 家里，我可以通过网络界面跟踪它。 我只能访问上个月和当月。 但我想以数字方式保留所有数据，而不是让它像图像一样。

我试图将一个文本区域绑定到一个angularjs变量，并在jsery中使用jquery反映我对文本区域所做的更改

我想将一个文本框绑定到一个angularjs变量，并让它在一个单独的div中输出渲染的html。 我还想用jquery管理那个div中的数据。 当我使用jquery更新时，绑定的angularjs不会更新。 我有： $(‘#sections, #phases’).change( … $(‘textarea#displayData’).val(html); 这很有效。 当部分或阶段发生变化时，displayData会更新。 {{ddata}} 这也有效。 当我在文本区域中修改displayData时，绑定的ddata变量显示我的更改。 没有发生的是当部分或阶段发生变化，并且displayData得到更新时，ddata不会反映出这种变化。

ng-repeat中的Fancybox指令不是对图像进行分组

我试图在我的应用程序中使用Fancybox ，当插件工作时（它打开灯箱中的图像），它没有识别rel或data-fancybox-group属性来分组多个图像（这样我就可以正确浏览它们了在灯箱里）。 这是我的指示： app.directive(‘fancybox’, function() { return { restrict: ‘A’, link: function(scope, element) { $(element).fancybox({ theme : ‘dark’ }); } }; }); 以下是我在模板上调用它的方法： 我试图在指令本身设置rel / data-fancybox-group属性，但结果是相同的，它添加了attribtute，但Fancybox不能将图像识别为同一组的一部分。 任何帮助表示赞赏，谢谢！

没有父/子比较器的递归AngularJS Ng-Repeat

我需要为我的文件结构创建一个递归ng-repeat。 我在互联网上发现的一切都是使用父母/子女比较器。 像这样： $scope.categories = [ { title: ‘Computers’, categories: [ { title: ‘Laptops’, categories: [ { title: ‘Ultrabooks’ }, { title: ‘Macbooks’ } ]}, // ……continued….. 但是，我的数据存储在firebase中，就像这个JSFIDDLE， https： //jsfiddle.net/mdp4dfro/6/中显示的那样。 （我不会花时间格式化所有这些，所以StackOverflow很高兴….） 现在，这就是我的ng-repeat。 如果我想添加另一个分支，我必须创建另一个分支。 我只想让它自动发生。 {{foKey}} {{object.Name}} {{obKey}} {{folder.Name}} 我如何使这个代码递归，所以它包括每个级别，无论多少。 这是我得到的最好的评论，发布的地方，我很难得到帮助，可能需要SPOON FED。 抱怨它。 projectRef.child(‘code’).once(‘value’, function(snapshot){ var tree = []; angular.forEach(snapshot.val(), function(object, key){ if(object.Key) { console.log(object.Key); } […]

Ionic Framework Popover JQuery addClass

我正在尝试将一个类添加到一个popover： $(‘#popoverbutton’).addClass(‘someclass’); 我已经在文档中尝试了它并通过onclick =“myfunction（）;”发送它 .. 但它只是不会将类添加到打开弹出窗口时要调用的模板中的按钮。 我认为这是因为弹出窗口仍未打开，所以我可以在显示弹出窗口后执行此操作吗？ 如果加载弹出窗口，我怎么能让它运行一些jquery？ 这是控制器的代码： $scope.usefulData = {}; $ionicModal.fromTemplateUrl(‘templates/mypopover.html’, { scope: $scope }).then(function(modal) { $scope.modalMypopover = modal; }); $scope.closeMypopover = function() { $scope.modalMypopover.hide(); }; $scope.mypopover = function() { $scope.modalMypopover.show(); }; $scope.doMypopover = function() { console.log(‘Doing mypopover’); $timeout(function() { $scope.closeMypopover(); }, 1000); };

angularjs – 在控制器之间传递数据

我正在使用模态构建一个角度应用程序，我想在我的控制器之间传递一些数据来填充我的模态视图。 我的主控制器是JobListCtrl，当我点击应该调用模态的链接时会触发callReportModalData。 我使用服务reportJobModalData来存储数据并在控制器之间传递它。 var myApp = angular.module(‘myApp’, []); myApp.controller(‘JobListCtrl’, [‘$scope’, ‘$element’, ‘$http’, ‘$log’, ‘reportJobModalData’, function ($scope, $element, $http, $log, reportJobModalData) { $scope.reportJobModalData = reportJobModalData; $scope.callReportModal = function(test){ reportJobModalData.test = test; } }]); myApp.service(‘reportJobModalData’, function(){ this.test = ”; }); 我的模态控制器和指令定义如下： myApp.controller(‘reportJobCtrl’, function ($rootScope, $scope, $http, $log, reportJobModalData) { $scope.$log = $log; $scope.reportJobModalData = reportJobModalData; $scope.test = […]

用于cordovaSQLite的批量插入

是否有cordovaSQLite的批量插入？ 我有很多数据，我想保存在sqlite Db中。 我的代码现在是 var query = “INSERT INTO Card (CardId, CardSetId, FrontText, BackText, ControlType, CardLevel, IsDirty, ChangedAt, Active) VALUES (?,?,?,?,?,?,?,?,?)”; for (var i = 0; i < cardList.length; i++) { $cordovaSQLite.execute(db, query, [cardList[i].CardId, cardList[i].CardSetId, cardList[i].FrontText, cardList[i].BackText, cardList[i].ControlType, cardList[i].CardLevel, cardList[i].IsDirty, cardList[i].ChangedAt, cardList[i].Active]); } 它工作但很慢！ 当我使用这段代码时： var query = “INSERT INTO Card (CardId, CardSetId, FrontText, BackText, […]

从jQuery迁移到AngularJS

我有一些jQuery代码有点过时了。 我正在尝试将其迁移到AngularJS。 作为其中的一部分，我有一个看起来如下的DIV： 有时这个DIV是隐藏的。 有时可见。 一切都基于用户行为。 要切换，我会使用jQuery的内置show / hide方法，如： $(“#infoMsg”, “#myPage”).hide(); $(“#infoMsg”, “#myPage”).show(“blind”); 这里的关键部分是节目（“盲”）组件。 “盲目”效果使元素的外观呈滑动状态。我的问题是，我如何在AngularJS世界中做同样的事情？ 目前，我的范围上有一个标志，定义为$scope.showMessage = false 。 我的想法是切换它以使div可见或不可见。 然而，这种方法并没有给我带来很好的“盲目”效果。