Tag: angularjs

什么是angular-loader.js？: 我在Google组上看到了类似的问题，在Stackoverflow上也是如此。这两个问题都没有回答。这个文件中的代码并没有说明它到底是什么以及如何使用它。另外从Angular文档中也不清楚。有人可以解释如何使用它。也可以与Require.js一起使用？

用ng-click自动传递$事件？: 我知道我可以通过ng-click来访问点击事件，如果我传递$event对象，如下所示： <button ng-click="myFunction($event)">Give me the $event</button> function myFunction (event) { typeof event !== "undefined" // true } 每次显式传递$event都有点烦人。是否有可能设置ng-click以默认的方式将其传递给函数？

Angularjs从$ http自动完成: 我试图写一个自动完成指令，使用$ http请求从服务器获取数据（不使用任何外部插件或脚本）。目前它只适用于静态数据。现在，我知道我需要将我的$ http请求插入到指令的source:中，但是我找不到任何关于这个主题的好文档。 http请求 $http.post($scope.url, { "command": "list category() names"}). success(function(data, status) { $scope.status = status; $scope.names = data; }) . error(function(data, status) { $scope.data = data || "Request failed"; $scope.status = status; }); 指示 app.directive('autoComplete', function($timeout) { return function(scope, iElement, iAttrs) { iElement.autocomplete({ source: scope[iAttrs.uiItems], select: function() { $timeout(function() { iElement.trigger('input'); […]

AngularJS指令传递string: 该指令试图创build一个名为进度条的HTML元素，用于在页面移动页面时跟踪进度。我正在尝试开发它以用于： <progress-bar progress='1' max='6' error="true"></progress-bar> 我只是试图将HTML中的^^元素的信息传递给我的指令，并处理信息以适当地更改进度条。这是工作的“进步”和“最大”采取整数值，但由于某种原因，注释掉的代码，这将处理“错误”（这是一个string）是造成问题。我是angularJS的新手，所以我很抱歉，如果这听起来令人困惑或不清楚，请询问是否需要详细说明。提前致谢！ app.directive('progressBar', function(){ var compileProgressBar = function(scope, elem, attrs) { var append = '<nav class="navbar navbar-fixed-bottom navbar-footer" role="navigation">\ <div class="container">\ <div class="row">'; var i = 1; while (i <= parseInt(scope.max)) { if (i <= parseInt(scope.progress)) { //if (scope.error == "true"){ //… //} //else { append += […]

在AngularJS指令中查找子元素: 我在一个指令工作，我有问题，使用参数element通过类名称find它的孩子。 .directive("ngScrollList", function(){ return { restrict: 'AE', link: function($scope, element, attrs, controller) { var scrollable = element.find('div.list-scrollable'); … } }; }) 我可以通过标签名称find它，但无法通过类名称find它，因为我可以在控制台中看到： element.find('div') [<div class="list-viewport">…</div>,<div class="list-scrollable">…</div>] element.find('div.list-scrollable') [] 这是做这种事情的正确方法？我知道我可以添加jQuery，但我想知道如果这不是一个矫枉过正的….

混淆了Angularjs跨越和隔离范围和绑定: 我很难理解范围有限的指令范围及其约束力。我得到的限制在一个指令的范围意味着控制器。$ scope和directive.scope不再是同一件事情。然而，我很困惑如何在指令模板或html中放置模型影响数据绑定。我觉得我错过了一些非常基本的东西，并且继续前进，我需要理解这一点。采取下面的代码（在这里摆弄： http : //jsfiddle.net/2ams6/ ） JavaScript的 var app = angular.module('app',[]); app.controller('Ctrl',function($scope){ }); app.directive('testel', function(){ return { restrict: 'E', scope: { title: '@' }, transclude: true, template: '<div ng-transclude>'+ '<h3>Template title: {{title}}</h3>' + '<h3>Template data.title:{{data.title}}</h3>' + '</div>' } }); HTML <div ng-app='app'> <div ng-controller="Ctrl"> <input ng-model="data.title"> <testel title="{{data.title}}"> <h3>Transclude title:{{title}}</span></h3> <h3>Transclude […]

有缺陷的angular度ui bootstrap指令模板: 我目前在我的机器上本地testing了angular度bootstrap-UI 。当我尝试重新创build手风琴和对话框的例子。我得到这个错误信息在我的控制台说模板丢失。错误示例：404 Not Found – localhost / angular / template / message.html 当我查看ui-bootstrap-0.1.0.js ，指令有一个模板URL 。这个指令的templateURL的目的是什么？当我下载整个angular度bootstrap-UI zip文件时，是否会包含这些模板？我错过了其他文件，我应该包括在我的头？ <link rel="stylesheet" href="includes/css/bootstrap.css"> <script src="includes/js/angular.js"></script> <script src="includes/js/ui-bootstrap-0.1.0.js"></script>

如果在ng-click语句中: 有没有办法在ng-click中放置一个条件？在这里，我希望如果有任何表单错误，表单不会被提交，但是我得到了一个parsingexception。 <input ng-click="{{if(profileForm.$valid) updateMyProfile()}}" name="submit" id="submit" value="Save" class="submit" type="submit"> 我试图使用ng禁用，但然后我的validation插件不起作用，因为forms永远不会提交，所以它不会被触发。

为什么给一个“抽象：真实”的状态一个url？: 今天我正在用ui-router来摆弄一下，试图更好地理解Ionic中的脚手架，而我注意到的一件事情是，他们给了“制表符”一个url的抽象状态。我曾经使用抽象状态的唯一情况是，我使用了一个空string作为url，并且我注意到，如果我偶然尝试导航到一个抽象状态（而不是子状态），我得到错误：无法过渡到抽象状态'[insertAbstractStateHere]' 编辑： “而且，在试验中，当我尝试给我的抽象状态（Ionic之外）分配一个url并且仍然呈现嵌套的状态视图时，我得到一个巨大的鹅蛋，根本没有任何显示。以上引用的声明是错误的！我在Plunker再次尝试，并且嵌套状态显示出来。 angular.module('routingExperiments', ['ui.router']) .config(function($urlRouterProvider, $stateProvider) { $stateProvider .state('abstractExperiment', { abstract: true, url: '', //<— seems as if any string can go here. templateUrl: 'abstractExperiment.html' }) .state('abstractExperiment.test1', { url: '/test1', templateUrl: 'abstractTest1.html' }); }); 显然我确实做错了。所以我的新问题是：为什么在抽象状态中使用命名状态而不是空string，还是仅仅是一种样式select？