Tag: angularjs

如何添加AngularJS路由系统

我希望能够从不同的页面链接到此幻灯片的各个部分，并具有与页脚中的链接相同的function。 有人有什么建议吗？ 我尝试了一些解决方案……下面的例子 小提琴 已经建议使用AngularJS，但不知道使用什么API或热门实现它 解决方法1？ 溶液2？ HTML blah blah twit twoo blah blah Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nibh eros, commodo sit amet risus a, bibendum venenatis mi. In sed tempus ante. In ac molestie tortor. Proin convallis, diam facilisis volutpat blandit, … twit twoo Quisque quis suscipit augue. Quisque […]

将指令添加到ng-grid生成的元素

使用ng-grid ，我开发了一个简单的应用程序来在UI中呈现excel表。 我希望字段（表格标题）可以拖动，这样我就可以在运行时将它们放到一些箱子里，有点像 – 这个 。 唯一的区别是，这里我将拖动excel列标题。 我无法弄清楚如何将指令“draggable”添加到ng-grid生成的内容中。 PS每个列标题都必须有自己的“可拖动”，以便我可以唯一地标识列号/名称 角度代码如下： var sth = {“excelData” : [{“Name”:”Rohan”,”Id”:”1001.0″,”Salary”:”50000.0″,”Age”:”25.0″},{“Name”:”Rohit”,”Id”:”1002.0″,”Salary”:”60000.0″,”Age”:”24.0″},{“Name”:”Rahul”,”Id”:”1003.0″,”Salary”:”55000.0″,”Age”:”29.0″},{“Name”:”okay bye”,”Id”:”1004.0″,”Salary”:”88214.0″,”Age”:”32.0″}]}; $scope.myData = sth.excelData; $scope.gridOptions = { data: ‘myData’ }; 在我的HTML中，我使用： 在这里，姓名，身份证，薪水，年龄，都应该是独立和可单独拖动的。 PS给出静态json只是为了理解。 它在运行时生成，可能非常庞大。

Angular js：如何使指令的ajax调用来创建选项

我为表单控件创建了指令。 有一些控件可以从ajax [API]调用中获得选项。 我被困在这里如何通过指令进行ajax调用。 function selectControlDir() { return { transclude: true, restrict: ‘E’, scope: { data: ‘=data’ }, template: “{{data._text}} \n\ {{ans._promptText}}” , link: function (scope, element, attrs) { //console.log(“scope.data.QuestionData”, scope.data.QuestionData); } }; } 完整代码的plunker http://plnkr.co/edit/Op1QDwUBECAosPUC7r3N?p=preview 在这里，我想对年份进行api调用（在页面加载时）。 年份更改Make的更新选项。

选择用ng-show显示的输入

在用ng-show显示之后，我想把重点放在输入上。 但是，这需要在$ digest循环之后进行jquery调用。 有没有人知道如何在显示项目后运行代码，而不使用setTimeout（）或某些此类事情？ 以下是该问题的示例： http ://plnkr.co/edit/synSIP? p= preview

非输入字段上的角度JS和ng-keydown？

好的我正在将模板加载到ng-include中，如下所示： 指令： ‘use strict’; /*global $:false */ angular.module(‘bawdApp’) .directive(‘about’, function () { return { templateUrl: ‘views/pantone-inner.html’, restrict: ‘AE’, link: function postLink($scope, element) { function border(valueWidth){ $(‘.page_cont_wrap’).css(‘border’, valueWidth+’px solid #aaFFFF’); } $(element).css({‘position’: ‘absolute’}).delay(200).animate({ ‘margin-left’: ‘-160px’, ‘margin-top’: ‘-233px’, ‘left’: ‘50%’, ‘top’: ‘50%’ }, 200); $scope.loadpantone = function loadpantone(){ border(0); $scope.template = $scope.pantonesAbout[0].url; $(‘.top_left_logo.white img’).css(‘position’, ‘fixed’); }; } […]

使用dtOptions访问angularjs数据表中的json数据

我正在使用Angular Datatables和jquery数据表来填充我的json数据。无法使用DTColumnBuilder.withnewColumn（）访问json数据。 我已经尝试了几次但是无法弄明白，任何人都可以帮我解决这个问题。 $scope.dtOptions = DTOptionsBuilder.fromFnPromise( multishiftService.fetchfunds()) .withPaginationType(‘extStyle’) .withDOM ( ‘<"top"iflp>rt<"bottom"iflp>’ ) .withOption(‘bFilter’, false) .withOption(‘bInfo’,false); $scope.dtColumns = [ DTColumnBuilder.newColumn(‘contracts.contracts[0].productGroup’).withTitle(‘Fund Name’), DTColumnBuilder.newColumn(null).withTitle(‘Transfer %’) ]; $scope.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef(0).renderWith(function(data, type, full) { return ” + data + ”; }), DTColumnDefBuilder.newColumnDef(1).renderWith(function(data, type, full) { return ‘ %’; }) ]; 我的HTML代码是： 样本json数据： { “contracts”: { “contracts”: [ { “productGroup”: […]

以角$ httppost发送数据

我似乎在将一个选定项目的val发送到角度的新％httppost时遇到了一些困难。 我正在做以下事情： $scope.scope1Change = function() { //Build URL based on selection $http({ method: ‘POST’, url: ‘/listAreasByScope’, headers: {‘Content-Type’: ‘application/x-www-form-urlencoded’}, data: { id: $scope.scope1.id } }) .success(function(data){ $scope.array2 = data.scopes; }); }; 其中$ scope.scope1.id是触发此事件的上一个下拉列表的val（即尝试发送的id）。 $ scope.scope1.id似乎在我console.log时存储得很好但是当我在开发控制台中查看formdata时，它的格式非常奇怪，就像这样 – {“id”:2}: 看起来它正在将整个第一项视为关键。 有什么方法吗？ 我尝试了各种各样的想法但没有成功。 谢谢！

来自控制器的视图上下文中的dom元素

我有一个角度视图的表格。 在表单上的按钮中，我添加了一个事件，使用$ http向服务器发送请求。 在将请求发送到服务器之前，我需要使用jQuery Validatevalidation表单。 要validation表单，我需要控制器中表单的dom引用。 我的应用程序中已经有了jQuery。 所以可以使用表格的参考 $(selecter) or angular.element($(selecter)) 但在这两种情况下，它都会搜索完整的文档以获取元素的引用。 而不是我需要在视图的上下文中搜索元素，这将提高性能。 我已经看到在角度中使用$ element。 但后来我发现不建议使用$ element，并且可能会在新版本的angular中折旧。 当我试图在控制器中获取$元素时，我收到了一个错误。 所以我猜它已经贬值了。 那么从控制器的视图上下文中获取dom元素的最佳方法是什么？

将angularJS与JQuery集成

我是angularJS和Jquery的新手。 当我的鼠标移动到某个链接时，我想预览图像。 预览图像的function来自http://cssglobe.com/lab/tooltip/03/main.js 。 预期的演示也是： http ： //cssglobe.com/lab/tooltip/03/ 这是我的代码： “的index.html” this.screenshotPreview = function(){ xOffset = 10; yOffset = 30; // these 2 variable determine popup’s distance from the cursor // you might want to adjust to get the right result $(“a.screenshot”).hover(function(e){ this.t = this.title; this.alt = “”; var c = (this.t != “”) ? “” […]

$ http和$ scope变量未在模板中显示

变量$scope.discussionId未显示在我的模板中。 显示其他所有值 我究竟做错了什么 ？ 编辑（完整代码） CONTROLLER soundshareApp.controller(‘CommentController’, function($scope, $http) { $scope.data = { comments : [] } $scope.state = {} $scope.project = { id : [] } $scope.discussionId; $scope.test = “Hello World !”; $scope.loadComments = function(userName, urlName){ $http({ url: ‘/comment/by_project_id’, method: “GET”, params: { username: userName, urlname: urlName } }).success(function(data) { $scope.discussionId = data[0].discussionId; console.log(“discussionId […]