Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；而是使用[angular]标签。

9
AngularJS UI路由器-更改URL而不重新加载状态
当前，我们的项目正在使用default $routeProvider，而我正在使用此“ hack”进行更改url而无需重新加载页面： services.service('$locationEx', ['$location', '$route', '$rootScope', function($location, $route, $rootScope) { $location.skipReload = function () { var lastRoute = $route.current; var un = $rootScope.$on('$locationChangeSuccess', function () { $route.current = lastRoute; un(); }); return $location; }; return $location; }]); 和在 controller $locationEx.skipReload().path("/category/" + $scope.model.id).replace(); 我想到的替换routeProvider用ui-router筑巢路线，但无法找到这ui-router。 有可能angular-ui-router吗？ 我为什么需要这个？让我用一个例子来解释： 创建新类别的路线是在SAVE /category/new 之后clicking显示的success-alert，我想将路线更改/category/new为/caterogy/23（23-是存储在db中的新项目的id）
6
使用AngularJS和ng-repeat初始化select
我正在尝试使用AngularJS 1.1.5的ng-repeat从选择框开始使用预填充选项。相反，选择始终始于未选择任何内容。它还有一个空选项，我不想要。我认为没有选择任何东西都会带来副作用。 我可以使用ng-options代替ng-repeat来工作，但是在这种情况下我想使用ng-repeat。尽管我缩小的示例没有显示出来，但我也想设置每个选项的title属性，据我所知，没有办法使用ng-options来实现。 我认为这与常见的AngularJs范围/原型继承问题无关。至少在巴塔朗检查时，我看不到任何明显的东西。另外，当您在带有UI的选择中选择一个选项时，该模型确实可以正确更新。 这是HTML： <body ng-app ng-controller="AppCtrl"> <div> Operator is: {{filterCondition.operator}} </div> <select ng-model="filterCondition.operator"> <option ng-repeat="operator in operators" value="{{operator.value}}" > {{operator.displayName}} </option> </select> </body> 和JavaScript： function AppCtrl($scope) { $scope.filterCondition={ operator: 'eq' } $scope.operators = [ {value: 'eq', displayName: 'equals'}, {value: 'neq', displayName: 'not equal'} ] } JS小提琴为此：http : //jsfiddle.net/coverbeck/FxM3B/2/
10
$ apply已在执行中错误
堆栈跟踪： Error: $apply already in progress at Error (<anonymous>) at beginPhase (file:///android_asset/www/built.min.js:7:22740) at Object.Scope.$apply (file:///android_asset/www/built.min.js:7:25967) at navigator.geolocation.getCurrentPosition.that (file:///android_asset/www/built.min.js:13:8670) at Object.geolocation.getCurrentPosition (file:///android_asset/www/plugins/org.apache.cordova.core.geolocation/www/geolocation.js:122:13) at Object.getCurrentPosition (file:///android_asset/www/built.min.js:13:8589) at Object.getCurrentPosition (file:///android_asset/www/built.min.js:13:8277) at Object.getCurrentCity (file:///android_asset/www/built.min.js:13:8941) at Object.$scope.locateDevice (file:///android_asset/www/built.min.js:13:10480) at file:///android_asset/www/built.min.js:7:12292:7 参考此代码http://pastebin.com/B9V6yvFu getCurrentPosition: cordovaReady(function (onSuccess, onError, options) { navigator.geolocation.getCurrentPosition(function () { var that = this, args …
5
从数据库编译动态HTML字符串
情况 嵌套在我们的Angular应用程序中的是一个称为Page的指令，该指令由控制器支持，该指令包含一个具有ng-bind-html-unsafe属性的div。这被分配给名为“ pageContent”的$ scope变量。从数据库中为该变量分配动态生成的HTML。当用户跳至下一页时，将对数据库进行调用，并将pageContent var设置为此新的HTML，并将其通过ng-bind-html-unsafe显示在屏幕上。这是代码： 页面指​​令 angular.module('myApp.directives') .directive('myPage', function ($compile) { return { templateUrl: 'page.html', restrict: 'E', compile: function compile(element, attrs, transclude) { // does nothing currently return { pre: function preLink(scope, element, attrs, controller) { // does nothing currently }, post: function postLink(scope, element, attrs, controller) { // does …
8
使用AngularJS从ASP.NET Web API方法下载文件
在我的Angular JS项目中，我有一个<a>锚标记，单击该锚标记会生成一个HTTPGET会对返回文件的WebAPI方法请求。 现在，我希望一旦请求成功就将文件下载给用户。我怎么做？ 锚标记： <a href="#" ng-click="getthefile()">Download img</a> AngularJS： $scope.getthefile = function () { $http({ method: 'GET', cache: false, url: $scope.appPath + 'CourseRegConfirm/getfile', headers: { 'Content-Type': 'application/json; charset=utf-8' } }).success(function (data, status) { console.log(data); // Displays text data if the file is a text file, binary if it's an image …
3
$ watch'ing Angular指令中的数据更改
$watch在处理内部数据（例如，插入或删除数据）时如何在Angular指令中触发变量，但不给该变量分配新对象？ 我有一个当前从JSON文件加载的简单数据集。我的Angular控制器可以做到这一点，并定义一些功能： App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // load the initial data model if (!$scope.data) { JsonService.getData(function(data) { $scope.data = data; $scope.records = data.children.length; }); } else { console.log("I have data already... " + $scope.data); } // adds a resource to the 'data' object $scope.add = function() { $scope.data.children.push({ "name": …
7
如何在AngularJS中包含视图/部分特定的样式
对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么？ 目前，我在视图/部分的html顶部放置了一个link元素，但有人告诉我这是一种不好的做法，即使所有现代浏览器都支持它，但我可以理解为什么对此不满意。 另一种可能性是将单独的样式表放置在我的index.html中，head但是我希望它仅在以性能名义加载其视图时才加载样式表。 这是不好的做法吗，因为样式只有在将css从服务器加载后才会生效，从而导致在慢速的浏览器中快速刷新未格式化的内容？尽管我正在本地进行测试，但我还没有目睹这一点。 有没有一种方法可以通过传递给Angular的对象加载CSS $routeProvider.when？ 提前致谢！
7
如何使用AngularJS进行$ http同步调用
有什么方法可以使用AngularJS进行同步调用吗？ AngularJS文档不是很明确，也不是为了找出一些基本内容而扩展。 在服务上： myService.getByID = function (id) { var retval = null; $http({ url: "/CO/api/products/" + id, method: "GET" }).success(function (data, status, headers, config) { retval = data.Data; }); return retval; }
132 http  angularjs 
16
如何使ng-repeat过滤出重复的结果
我正在运行一个简单ng-repeat的JSON文件，并希望获取类别名称。大约有100个对象，每个对象都属于一个类别-但是只有大约6个类别。 我当前的代码是这样的： <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> 输出是100个不同的选项，大部分重复。如何使用Angular检查是否{{place.category}}已经存在，如果已经存在则不创建选项？ 编辑：在我的javascript中$scope.places = JSON data，只是为了澄清
11
外部JS函数的AngularJS访问范围
我正在尝试查看是否存在通过外部javascript函数访问控制器内部范围的简单方法（与目标控制器完全无关） 我在其他几个问题上看到 angular.element("#scope").scope(); 会从DOM元素中检索范围，但是我的尝试目前未产生正确的结果。 这是jsfiddle：http : //jsfiddle.net/sXkjc/5/ 我目前正在经历从纯JS到Angular的过渡。我试图实现这一目标的主要原因是要保持原始库代码尽可能完整。无需我将每个功能添加到控制器。 关于如何实现这一目标的任何想法？也欢迎对上面的小提琴发表评论。
5
如何使AngularJS绑定到A标签的title属性？
目的是使产品名称出现在缩略图的工具提示中。浏览器不会根据“ ng-title”或“ ng-attr-title”创建工具提示。 我们正在使用AngularJS 1.0.7版。您可以在任何属性前添加“ ng-”或“ ng-attr”，Angular会进行相应绑定。但是，它似乎没有“绑定”到HTML“ A”标签的标题上。 例如 1。 码： <a title="{{product.shortDesc}}" ...> 预期结果： <a title="Canon Powershot XS50 12MB Digital Camera" ...> 实际结果：<a title="{{product.shortDesc}}" ...>工具提示中出现不必要的括号。 例如 2。 码： <a ng-attr-title="{{product.shortDesc}}" ...> 预期结果： <a title="Canon Powershot XS50 12MB Digital Camera" ...> 实际结果： <a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...> …
131 angularjs 
17
AngularJS错误：跨源请求仅支持以下协议方案：http，数据，chrome扩展名，https
我有一个非常简单的angular js应用程序的三个文件 index.html <!DOCTYPE html> <html ng-app="gemStore"> <head> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script> <script type="text/javascript" src="app.js"></script> </head> <body ng-controller="StoreController as store"> <div class="list-group-item" ng-repeat="product in store.products"> <h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3> </div> <product-color></product-color> </body> </html> product-color.html <div class="list-group-item"> <h3>Hello <em class="pull-right">Brother</em></h3> </div> app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', function($http){ this.products …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.