Tag: angularjs

jqGrid-> treeGrid不能与我的angular指令一起使用

我正在使用JqGrid和angularJS的指令。 例如,我正在使用来自此jqgrid的代码从服务器加载json数据到treegrid不显示数据 这是指令: .directive(‘ngJqGrid’, function () { return { restrict: ‘E’, scope: { config: ‘=’, data: ‘=’, }, link: function (scope, element, attrs) { var table; scope.$watch(‘config’, function (newValue) { element.children().empty(); table = angular.element(”); element.append(table); $(table).jqGrid(newValue); }); scope.$watch(‘data’, function (newValue, oldValue) { var i; for (i = oldValue.length – 1; i >= 0; i–) { […]

AngularJS ngRepeat和jQuery – DOM重建问题

我非常清楚如何混合angularjs和jquery不是一个好主意。 但是,我需要一个自定义的轮播,只能通过TEXT滑动。 angularjs的所有现有旋转木马动画在很大程度上依赖于图像是内容的一部分,而我没有图像。 所以我找到了一个非常好的jquery库,用于这样的事情,称为“光滑”。 它适用于angularjs,但是当我动态地将新值添加到现有数组时,整个事情就会分崩离析。 我怎么能改变这部分代码,以便我可以动态地将对象添加到数组并保持jquery光滑的库工作? 这是代码,您可以按“上一个”和“下一个”,轮播将工作,但只要按下“添加新元素”按钮,整个事情就会崩溃。 http://jsbin.com/tihodihuho/1/edit?html,js,output

更改URL后,控制器不起作用

简而言之: 我有一个控制器,可以在我的AngularJS网页中触发一些jQuery来淡出播放按钮和相应的图像。 但是,当URL更改时,控制器无法在后续页面上工作。 我正在使用动态URL,我认为这就是我的控制器坏了的原因。 详情 我通过为我的网站应用程序的每个页面添加一个来组织我的控制器。 在这里你可以看到我的路线是如何设置的: angular.module(‘100_Ages’, [‘mydirectives’, ‘ngResponsiveImages’]). config([‘$routeProvider’, function($routeProvider) { $routeProvider. when(‘/100_Ages’, {templateUrl: ‘partials/splash.html’, controller: SplashCtrl}). when(‘/100_Ages/nav’, {templateUrl: ‘partials/nav.html’, controller: NavCtrl}). when(‘/100_Ages/about’, {templateUrl: ‘partials/person-list.html’, controller: AboutCtrl}). when(‘/100_Ages/0’, {templateUrl: ‘partials/splash.html’, controller: SplashCtrl}). when(‘/100_Ages/:personId’, {templateUrl: ‘partials/person.html’, controller: DetailCtrl}). otherwise({redirectTo: ‘/100_Ages’}); }]); 这是有问题的控制器: function DetailCtrl($scope, $routeParams, $http) { // Pull down a JSON file with […]

如何在Angular中使用请求标头执行ajaxpost

我在jquery中有一个工作代码,我使用request.setRequestHeader(“X-CSRF-Token”, $.cookie(‘token’));在表单中使用令牌发布数据request.setRequestHeader(“X-CSRF-Token”, $.cookie(‘token’)); 。 我知道如何使用ng-model将表单数据转换为$scope ,但是如何将下面的submit_this()函数转换为角度兼容函数? Jquery代码: $(“body”).on(“click”, “#login”, function() { var url = “http://localhost/lab/theapp/api/user/login.json”; var name = $(‘#user’).val(); var pass = $(‘#pass’).val(); var data = ‘username=’ + encodeURIComponent(name) + ‘&password=’ + encodeURIComponent(pass); var type = “post”; submit_this(type,data,url); }); //the function that need to be re-written for AngularJs function submit_this(type,data,url) { try { $.ajax({ url: […]

无法使用角度js进行拖放

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

当图表没有数据时显示无数据消息

我想在图表没有数据时显示没有数据消息。 这是对的吗? var ctx = document.getElementById(‘mycanvas’).getContext(‘2d’); var chart = new Chart(ctx, { type: ‘doughnut’, data: { labels: [“aa”, “bb”, “cc”, “dd”], datasets: [{ label: “My First dataset”, backgroundColor: [‘red’, ‘blue’, ‘green’, ‘yello’], data: data.length ? data: [{ label: “No Data”, value: 100 }], }] }, options: { legend: { position: ‘right’, labels: { boxWidth: 12 […]

编译由javascript动态插入的角度控制器?

我在一个动态创建HTML的应用程序中工作。 我们开始使用angular,所以现在我们尝试使用angular.element()创建html并在其中定义一个控制器。 angular.element(“”); 问题是,因为它是在页面渲染后创建的(例如,当用户点击某处时),插入的html不能使用angular,就像普通的html一样。 我该如何解决?

拖放function不工作角度js

我想要集成jquery UI和Angular js。 我想拖放列表行。 所以我用谷歌搜索它发现这个http://jsfiddle.net/g/hKYWr/并且做了相同的演示,但是当我使用最新的角度时,它会出错,我也使用最新的Jquery UI。 我用“ui”创建了模块,我仍然收到错误。 所以在我做错的地方,我想只使用“+”按钮拖动行,换句话说我不想从整行拖放。 我只是想,如果我可以使用“+”进行拖放,我们可以一次又一次地获取事件吗? plunker http://plnkr.co/edit/qeN5LmrXSrwA4IOXOK9R?p=preview app.controller(‘dragcontr’, function ($scope) { $scope.list = [“one”, “two”, “three”, “four”, “five”, “six”]; });

如何在指令的控制器内使用$ 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”); } }); })