Tag: angularjs

jQuery单击不与AngularJS一起使用的事件: 我正在将我的多重php + jquery网站转换为单页角应用程序。但是我已经用jquery编写了很多代码，所以只打算在路由等方面交换php for angular。我遇到的一个我无法弄清楚的问题是，在转换停止工作之前，我一直在使用的jquery点击事件。如果我从控制台调用该函数，那么更改代码以使其从ng-click启动它将起作用。 jquery正在工作，我在提到的函数中放了一些jquery，它运行正常。 main.js： var mainApp = angular.module(‘myApp’, [‘firebase’, ‘headerPage’]); mainApp.directive(‘headerPage’, function(){ return{ restrict: ‘E’, templateUrl: ‘html/header.html’ } }); header.js (function() { var app = angular.module(‘headerPage’, [‘firebase’]); app.controller(“headController”, [‘$http’, ‘$firebase’, ‘$scope’, ‘$filter’, function($http, $firebase, $scope, $filter) { //most of the code } ]); })(); $(“#myElement”).on(“click”, function() { console.log(“clicked”); });

AngularJS – 在$（document）.ready上的ng-repeat循环内定位元素: 作为AngularJS的新手，我正在寻找一种在$(document).ready被触发后在ng-repeat循环内定位元素的方法。然而，他们当时似乎还没准备好。谢谢你的帮助。

在Angular JS中初始化jQuery插件（RoyalSlider）: 试图加载RoyalSlider作为指令。这是我的指令，虽然我不确定为什么，在第一次加载但不在后续加载时有效： app.directive(‘royalSlider’, [‘$timeout’, function($timeout) { $(“.royalSlider”).royalSlider({ keyboardNavEnabled: true, arrowsNav: true, arrowsNavHideOnTouch: true, imageScaleMode: ‘fill’, slidesSpacing: 0 }); }]); 有错误： TypeError: Cannot read property ‘compile’ of undefined 假设在所有内容完成时加载问题，我将其更改为： app.directive(‘royalSlider’, [‘$timeout’, function($timeout) { return { link: function ($scope, element, attrs) { $scope.$on(‘$viewContentLoaded’, function () { $(“.royalSlider”).royalSlider({ keyboardNavEnabled: true, arrowsNav: true, arrowsNavHideOnTouch: true, imageScaleMode: ‘fill’, slidesSpacing: 0 […]

通过添加跨度突出显示文本文档中的字符串: 我是webDevelopment 。我有一些文本字符串。现在我想突出显示该文本文件中的一些单词。所以，我在这里使用这个逻辑 $scope.highlightHTML = function (content,startoffset,endoffset,color) { var className = ‘mark’; console.log(content.substring(startoffset, endoffset)); return content.replace(content.substring(startoffset, endoffset), ‘$&’); } 现在这个工作正常。但现在发生的事情是当第一个单词被突出显示然后当它试图突出显示第二个单词时，字符串偏移因为这个替换而变得更改。它也需要标签，现在偏移量也会发生变化。现在，当我突出显示某些文本时，下次不应该取消span标记的开始和结束偏移量。那么，我该怎么做？ “Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took […]

Angular JQuery Datepicker未在加载时设置MinDate: 我在AngularJS项目的Date From和Date To字段中使用JQuery UI的Datepicker。我添加了指令将值绑定到模型值，我还添加了一个OnSelect检查，为每个字段设置minDate和maxDate选项（因此Date To永远不会早于Date From）。问题是，在加载页面时，实际上没有选择任何日期（即使模型有值），因此仍然可以选择比日期更早的To日期。我添加了一个$ watch服务来至少纠正错误，但我仍然无法弄清楚如何在指令内或控制器内部设置minDate。我也尝试过在Angular代码之外的$（document）.ready，但这也不起作用。在添加任何内容以设置minDate之前，这是我的代码。在控制器内： $scope.messagesForm.dateFrom = moment().subtract(‘days’, 30).format(‘MM/DD/YYYY’); $scope.messagesForm.dateTo = moment().format(‘MM/DD/YYYY’); $scope.$watch(‘messagesForm.dateTo’, function(newVal, oldVal) { if (!newVal) return; if (Date.parse(newVal) < Date.parse($scope.messagesForm.dateFrom)) { $scope.messagesForm.dateFrom = newVal; } }); 指示： .directive(‘datepicker’, function() { return { restrict: ‘A’, require : ‘ngModel’, link : function (scope, element, attrs, ngModelCtrl) […]

如何从Angular e2e测试范围执行jQuery？: 是否可以从Angular e2e场景执行jQuery命令？例如，如果我想执行： $(‘.picker-col-id-id’).attr(‘class’); 我收到一个错误： TypeError：对象[object Object]的属性’$’不是函数

AngularJS：输入值的总和: 我有一个简单的输入列表绑定到一个显示良好的项目列表。当我更改输入中的值时，总和不会更新？示例： http ： //plnkr.co/edit/B7tEAsXSFvyLRmJ5xcnJ？p = preview HTML Total: 脚本 app.controller(‘MainCtrl’, function($scope) { $scope.items = [1,2,5,7]; $scope.sum = function(list) { var total=0; angular.forEach(list , function(item){ total+= item; }); return total; } });

AngularJS：仅在选中复选框时，将一个输入框的值复制到另一个输入框: 我在购物车上工作，人们需要在同一页面填写2个相似的表格。第一种forms是账单地址，第二种forms是送货地址。两个表单都包含类似的输入元素，例如： a）账单地址：姓名，地址第1行，地址第2行，国家，电话等 b）送货地址：姓名，地址第1行，地址第2行，国家，电话等有一个复选框，上面写着“检查帐单邮寄地址和送货地址是否相同”。因此，如果仅在选中复选框时，我需要将数据从帐单地址复制到送货地址，即使用户更改了帐单地址，它也应自动将更改复制到送货地址。我需要使用Angular JS来做这件事。有人可以告诉我怎么做？（编辑：我是Angular Js的新手，不知道从哪里开始）

Javascript：从字节数组中在新选项卡中打开PDF: 我正在使用带有HTTP资源的AngularJS来调用外部API，我的响应是一个字节数组。我需要在新窗口中将此字节数组转换为PDF。我没有看到任何非常好的解决方案在这里工作跨浏览器或纯javascript。有没有办法做到这一点？这是我的代码：使用Javascript Document.preview({id: $scope.order.id}, function(data){ // Open PDF Here var file = new Blob([data], {type: ‘application/pdf’}); var fileURL = URL.createObjectURL(file); window.open(fileURL); });

如何加载javascript文件和ng-include模板: 我使用下面的代码将模板包含在我的主文件中。我的activity.html是这样的， Activity page contents 但是javascript没有随模板一起加载。我在SO中发现了一些与此相关的问题，但无法找到可行的解决方案。其中一个答案是在主文件中将angular js加载到angularjs之上，这样脚本标记就会被接受。但没有发现它有效。