Tag: angularjs directive

依赖选择元素的AngularJS指令: 我正在尝试为依赖的select元素编写一个指令。关系是Country > States > Cities 。当具有类country元素被更改时，我应该更新具有类states的元素和具有类city元素的相同行为。要获得州，我只需要国家ID，为了获得城市，我需要国家和州的ID。所以我做了这个代码： app.directive(‘country’, [‘$http’, function($http) { return { restrict: ‘C’, link: function(scope, element, attrs) { element.change(function() { $http.get(Routing.generate(‘states’) + ‘/’ + element.val()).success(function(data) { if (data.message) { scope.message = data.message; } else { scope.states = data; } }).error(function(data, status, headers, config) { if (status == ‘500’) { scope.message […]

无法使用角度js进行拖放: 我是angularjs新手。目前我正在使用一个drag and drop项目但是使用纯jquery ui我可以drag and drop但是每当我要用angularjs包含它时我就无法drag 这是我所做的jsfiddle 我如何用angularjs包含jquery ui 更新：这是使用纯jquery ui拖放的jsfiddle http://jsfiddle.net/ucerturohit/zHZxp/

如何在指令的控制器内使用$ scope变量进行过滤: 我已经找到很多用于在angular JS中编写代码的约定。我使用以下约定。 app.directive(“employeeList” , function(){ return { restrict : ‘E’ , templateUrl: ’employee-list.html’, controller:function($scope , $filter) { $scope.emp_positions = positions_json; // my FIREST array $scope.emp_users_json = users_json; // My SECOND Array //My Code Logic // // I WANT TO MAKE FILTER HERE WHICH CAN USE $SCOPE VARIABLE. IS THERE ANY WAY TO MAKE FILTER […]

div的角度js幻灯片动画？: 你可以告诉我当用户点击标签时我们如何滑动div。我在jQuery Mobile（小提琴http://jsfiddle.net/ezanker/o9foej5L/1/ ）中进行演示，其中我有三个标签并使用它显示转换的标签你能告诉我怎样才能在角度上做同样的事情吗？我试图实现这一目标，但我无法做到这一点，我是如何实现这一点的角度？ Plunker http://plnkr.co/edit/ornYCV15uV8lPNL1ujPL?p=preview $(function(){ $(“#owl-demo”).owlCarousel({ navigation : false, // Show next and prev buttons pagination : false, //hide pagination dots slideSpeed : 300, paginationSpeed : 400, singleItem:true, afterMove: function(){ var owl = $(“#owl-demo”).data(‘owlCarousel’); $(“.tabBtn”).removeClass(“ui-btn-active”).eq(owl.currentItem).addClass(“ui-btn-active”); } }); })

如何在角度js中搜索和突出显示？: 我有一个div，其中我有一些争论。我需要从该div搜索文本并突出显示该单词（使用css类）。接下来它搜索下一个单词出现和上一次出现。我可以在jquery作为小提琴中的例子http://jsfiddle.net/3MVNj/5/你能建议我将如何在角js中实现这一点吗？ plunker http://plnkr.co/edit/V805fEjJAUbAZIuafJcW?p=preview .highlightedText { background: yellow; } FirstText NextSearch PreviousSearch hello I need to search text from the contend .On click of search it search the first word. var app=angular.module(‘app’,[]); app.controller(“contr”,function($scope){ $scope.searchFirst=function(){ alert(‘search First text’) } $scope.nextSearch=function(){ alert(‘nextSearch’) } $scope.preSearch=function(){ alert(‘preSearch’) } }); 有没有办法搜索filter？

如何在角度js中存储和检索数据？: 你能告诉我如何永久存储数据（例如本地存储）和检索数据。我想存储数据以便我再次获得。我正在进行客户端编程吗？我谷歌它说它有persistance.js会这样做..我们可以使用吗？我试着做一个简单的例子来存储数据但不能那样。我想保存学生和class级名单。这是我的傻瓜： http ：//plnkr.co/edit/cLTIJfETGYENQyEdsu94？p =preview // Code goes here var app = angular.module(‘appstart’, [‘ngRoute’]); app.config(function($routeProvider) { // $locationProvider.html5Mode(true); $routeProvider .when(‘/home’, { templateUrl: ‘tem.html’, controller: ‘ctrl’ }) .otherwise({ redirectTo: ‘/home’ }); }); app.controller(“ctrl”, function($scope) { $scope.students = []; $scope.add = function() { $scope.students.push({ inputName : angular.copy($scope.inputName), inputclass : angular.copy($scope.inputclass) }); $scope.inputclass=”; $scope.inputName=”; } } ); […]

单击如何在AngularJS中逐个循环使用JSON: 创建我的第一个指令作为角度制作练习或多或少的自定义轮播，以了解指令如何工作。我用一些JSON数据设置了一个Factory： directiveApp.factory(“Actors”, function(){ var Actors = {}; Actors.detail = { “1”: { “name”: “Russel Brand”, “profession”: “Actor”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] }, “2”: { “name”: “Aaron Bielefeldt”, “profession”: “Ambassador”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] }, “3”: { “name”: “Adrienne Hengels”, “profession”: “Ambassador”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] } }; return […]

在另一个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; } }); }; }) […]

AngularJS：从控制器访问特定的指令范围: 我是棱角分明的新人，如果我错过了什么或者误解了文档，请原谅我。我有一个指令，它将元素转换为jquery插件 .directive(‘myDir’, function($compile) { return { link: function(scope, element, attributes) { // $(‘.someDiv’).jqueryPlugin(…); element.jqueryPlugin(); var el = $compile(“{{ ‘label’ }}”)(scope); element.find(‘.label’).html(el); } } }) 正如你所看到的，首先我在html元素中创建一个jquery插件（它在内部元素中创建它的dom，包括一些带有标签类的div – 假设它包含一些应该是动态的字符串，并且应该是全局可转换的）然后我替换静态jquery生成的标签插入一个。我应该能够从控制器管理它。问题是，我可以在一个控制器中有很多指令，比方说在指令和jquery运行后，它会给出一些东西，比方说，比方说 {{label|translate}} {{label|translate}} {{label|translate}} {{label|translate}} 如何，从控制器，我可以管理一个特定的指令？如何访问所选范围的范围？我认为 // controller $scope.label = “some content”; 将改变所有标签有没有办法实现这个目标？或者我应该检讨问题的解决方法？提前致谢！编辑我还将有dom元素，需要从控制器级别附加指令。他们也应该从这个层面维持。所以我的想法是提供一个服务，这将是api的某种外观，可以在jquery-plugin’ed dom元素上工作。所以我想说我需要一些东西 .provider(‘facade’, […]

当属性更改值时，指令不运行链接function: 我已经创建了一个指令，用于将qTip2库封装到我的角度应用程序中（如另一个SO问题中所述）。我有一个字典，其中包含qTip的不同配置，并且根据我传递给属性cv-tooltip的值，在链接函数的.qtip调用中传递了相应的配置。这适用于在html中设置的指令（例如，在右侧显示qtip，在左侧显示cv-tooltip =“left”）。当我从另一个指令将cv-tooltip =“right”的属性值更改为cv-tooltip =“left”时出现问题，当值发生变化时，tooltip指令链接函数不会重新运行，因此qTip不会使用正确的配置更新。 qtip指令如下所示： mainApp.directive(‘cvTooltip’, function () { var optionDictionary = { ‘right’: { position: { my: ‘center left’, at: ‘right center’ }, style: { tip: { corner: ‘left center’, height: 10 } } }, ‘left’: { position: { my: ‘center right’, at: ‘left center’ }, style: { tip: { […]