Tag: angularjs

Angularjs如何上传多部分表单数据和文件？

我是一个初学者angular.js，但我有一个很好的基本知识。 我正在做的是上传一个文件和一些表格数据作为多部分forms的数据。 我读到，这不是一个angular度的function，但第三方库可以完成这项工作。 我已经通过git克隆了angular度file upload，但是我仍然无法发布一个简单的表单和文件。 有人可以请提供一个例子，HTML和JS如何做到这一点？

数据绑定的input是什么？

我正在学习angularjs，我希望能够让用户input很多input。 当input这些input时， list数组元素应该相应地改变。 我想尝试使用ngRepeat指令，但我读到，因为它创build一个新的范围，我不能databind： <div ng-repeat="item in list"> <label>Input {{$index+1}}:</label> <input ng-model="item" type="text"/> </div> 我想知道如果我应该使用自定义指令来做到这一点或以不同的方式。

在AngularJS中使用相对path进行服务调用

我有下面的代码，这工作正常，直到我部署到testing服务器： $scope.getUserList = function (userName) { $http({ method: "get", url: "GetUserList", params: { userName: userName } }). success(function (data) { $scope.users = data; }). error(function () { alert("Error getting users."); 问题是我部署到一个虚拟目录，并且下面的调用尝试从服务器根打到GetUserList。 这是有道理的，我知道有很多方法可以解决这个问题。 我想知道的是在Angular中以便携和可维护的方式引用服务URL的正确方法。

在AngularJS的ng-repeat循环中绑定ng-model

我试图处理ng-repeat循环内部的作用域问题 – 我浏览了很多问题，但还没能完成代码的工作。 控制器代码： function Ctrl($scope) { $scope.lines = [{text: 'res1'}, {text:'res2'}]; } 视图： <div ng-app> <div ng-controller="Ctrl"> <div ng-repeat="line in lines"> <div class="preview">{{text}}{{$index}}</div> </div> <div ng-repeat="line in lines"> <– typing here should auto update it's preview above –> <input value="{{line.text}}" ng-model="text{{$index}}"/> <!– many other fields here that will also affect the preview –> </div> […]

如何通过$ http将angular-ui的typeahead与服务器绑定以进行服务器端优化？

typeahead示例（ http://angular-ui.github.io/bootstrap/#/typeahead ）提到在这个自动完成中实现后端很容易，但没有提供任何示例。 我特别感兴趣的是找出当前input的string，以便我可以发送到服务器，并发送一个已经过滤的结果 – 我想做这个优化服务器端，尽量减less我的查询，我不认为返回整个结果集，只是排除不匹配的项目显示是可行的，在数据​​库中有超过200,000条目的应用程序。 在这种情况下，我是否应该完全忘记键入并实现具有下拉的自定义解决scheme，还是有办法轻松完成此操作？

inline.js中的内联条件

我想知道是否有一种angular度有条件地显示内容，而不是使用ng-show等。例如在backbone.js我可以做一些内联内容在模板中，如： <% if (myVar === "two") { %> show this<% } %> 但是在angular度上，我似乎仅限于显示和隐藏包装在html标签中的东西 <p ng-hide="true">I'm hidden</p> <p ng-show="true">I'm shown</p> 什么是angular度推荐的方式来有条件地显示和隐藏内联angular度内容，而不是用html标签包装内容？

如何在angular.js中实现history.back（）

我有指令，这是网站标题与后退button，我想单击返回到上一页。 我如何以angular度的方式做到这一点？ 我努力了： <header class="title"> <a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" ng-click="history.back()" /></a> <h1>{{title}}</h1> <a href="/home" class="home" ng-class="icons"><img src="../media/icons/53-house.png" /></a> </header> 这是js的指令： myApp.directive('siteHeader', function () { return { restrict: 'E', templateUrl: 'partials/siteHeader.html', scope: { title: '@title', icons: '@icons' } }; }); 但没有任何反应。 我查看了有关$ location的angular.js API，但没有发现有关后退button或history.back()任何信息。

如何等待，直到响应来自$ http请求，在angularjs？

我在多个页面中使用来自RESTful服务的一些数据。 所以我正在使用angular工厂。 所以，我需要从服务器获取一次数据，并且每次使用该定义的服务获取数据。 就像全局variables一样。 这是样本： var myApp = angular.module('myservices', []); myApp.factory('myService', function($http) { $http({method:"GET", url:"/my/url"}).success(function(result){ return result; }); }); 在我的控制器中，我使用这个服务： function myFunction($scope, myService) { $scope.data = myService; console.log("data.name"+$scope.data.name); } 根据我的要求，它对我来说工作得很好。 但这里的问题是，当我在我的网页重新加载服务将再次被调用，并要求服务器。 如果在其他一些依赖于“定义的服务”的其他函数之间执行，则会给出像“某事”未定义的错误。 所以我想等待我的脚本，直到服务加载。 我怎样才能做到这一点？ 反正有没有在angularjs中做到这一点？

$ scope和$ rootScope之间的区别

任何人都可以解释$ scope和$ rootScope之间的区别吗？ 我认为 $范围： 我们可以通过使用这个特定的页面在特定的控制器中获得ng-model属性。 $ rootScope 我们可以通过任何页面获得任何控制器中的所有ng模型属性。 它是否正确？ 还是其他什么？

为什么使用if（！$ scope。$$阶段）$ scope。$ apply（）是一个反模式？

有时我需要使用$scope.$apply在我的代码中应用，有时会抛出一个“摘要已经在进行中”的错误。 所以我开始find一个解决这个问题的方法，并发现这个问题： AngularJS：当调用$ scope。$ apply（）时，防止错误$ digest正在进行 。 然而在评论（和在维基上）你可以阅读： 不要做（$ $ scope。$$阶段）$ scope。$ apply（），这意味着你的$ scope。$ apply（）在调用栈中不够高。 所以现在我有两个问题： 为什么这是一个反模式？ 我如何安全地使用$ scope。$ apply？ 另一个“解决scheme”，以防止“摘要已经在进行中”的错误似乎是使用$超时： $timeout(function() { //… }); 这是要走的路吗？ 更安全吗？ 所以这里是一个真正的问题：我怎样才能完全消除“摘要已经在进行”错误的可能性？ PS：我只使用$ scope。$ apply在非同步的非angularjscallback中。 （据我所知，这些情况下，你必须使用$ scope。$ apply，如果你想要更改被应用）