Tag: angularjs

closuresAngularJS中的URL操作

我正在尝试使用Angular编写我的第一个Web应用程序。 在正常模式下(html5Mode off),Angular强制地址的哈希部分看起来像一个“path”(加一个前导“/”),并编码特殊字符 – 例如,它允许一个“?” 和“#”,并用%3F和%23replace其他。 有没有办法closures这个function? 我不想使用$ locationProvider / $ routeProvider特性 – 我想自己parsing哈希(在我的情况下,用户将在哈希中input一些“自由文本”来search我的网站)。 我读了routeProvider不能被configuration为使用正则expression式… 如果htmlMode打开,那么地址的哈希部分不会被强制看起来像一个path(不是前导“/”),但它仍然编码特殊字符。 我知道一些浏览器可能编码/转义的特殊字符,但如果用户设法在地址栏中input一些特殊字符,那么我不想改变它。 谢谢

如何使用angular模板呈现HTML

这是我的模板 <div class="span12"> <ng:view></ng:view> </div> 这是我的视图模板 <h1>{{ stuff.title}}</h1> {{stuff.content }} 现在我得到的content为HTML,我想显示在视图中。 但我所得到的是原始的HTML代码。 我怎么可以呈现为实际的HTML

使用AngularJS时,如何在页面上显示花括号来显示?

我希望用户看到双花括号,但Angular自动绑定它们。 这是这个问题的相反的情况,他们不想看到加载页面时用于绑定的大括号。 我想让用户看到这个: My name is {{person.name}}. 但是Angular用这个值replace了{{person.name}} 。 我认为这可能工作,但angular仍然取代它的价值: {{person.name}} Plunker: http ://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ

AngularJS:使用$ resource上传文件(解决scheme)

我正在使用AngularJS与RESTful web服务进行交互,使用$resource来抽象暴露的各种实体。 其中一些实体是图像,所以我需要能够使用$resource “object”的save操作在同一请求中发送二进制数据和文本字段。 我怎样才能使用AngularJS的$resource服务发送数据,并在一个POST请求上传图像到一个平静的web服务?

在AngularJS中使用AngularUI Bootstrap Modal的范围问题

抢劫者: http ://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg example.js: angular.module('plunker', ['ui.bootstrap']); var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var modalInstance = $modal.open({ templateUrl: 'modal.html', controller: 'ModalInstanceCtrl' }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance) { $scope.ok = function () { alert($scope.text); }; $scope.cancel = function () { $modalInstance.dismiss('cancel'); }; }; index.html的: <!doctype html> <html […]

如何通过classname或id获取元素

我想通过angularjs在html中find元素。 这里是html: <button class="btn btn-primary multi-files" type="button"> <span>Choose multiple files</span> </button> <br/><br/> <input ng-file-select type="file" multiple style="display: none"/><br/> 我想通过类名称多文件得到button元素,然后我试过 var multibutton = angular.element(element.getElementsByClassName(".multi-files")); 但它不工作,并尝试element.find但它只适用于标记。 有没有什么函数可以通过id或classname在angularjs中获取元素?

在AngularJs中调用Ajax调用

我想在一个链中进行多个Ajax调用。 但我也想在每次通话后按摩数据,然后再打电话。 最后,当所有的调用都成功的时候,我想运行一些其他的代码。 我为我的Ajax调用使用Angular $ http服务,并想坚持这一点。 可能吗?

我如何获得angularjs的基本身份validation工作?

我如何获得AngularJs的基本authentication? 我GOOGLE了,资源不适合我。 我对AngularJS 很新

如何在Angular.js中推迟path定义?

我已经configuration了所有用户login前可以使用的一些基本路由: App.config(function ($routeProvider) { $routeProvider. when('/login', { templateUrl: 'views/login.html', controller: PageStartCtrl.Controller }). otherwise({ redirectTo: '/login' }); }); 所以用户可以做的唯一事情就是login。在用户login后,我想要注册其他的路由,例如: $http .post('api/Users/Login', { User: userName, Password: userPassword }) .success(function (response : any) { App.config(function ($routeProvider) { $routeProvider .when('/dashboard', { templateUrl: 'part/dashboard.html', controller: DashboardCtrl.Controller }); }); 但是,我想我应该只调用一次.config方法,因为$ routeProvider是一个全新的实例,对/ login路由一无所知。 进一步的debugging表明,当parsing视图更改时,会使用$ resourceProvider的第一个实例。 问:以后如何注册路线有办法吗? 从路由和模板dynamic添加到$ routeProvider的解决scheme可能工作,但相当丑陋(涉及全局variablesnastyGlobalReferenceToRouteProvider )。

AngularJS如何dynamic添加HTML并绑定到控制器

我刚刚开始使用angularJS,并努力弄清楚我正在尝试做的适当的架构。 我有一个单页的应用程序,但url总是应该保持不变 ; 我不希望用户能够导航到超出根目录的任何路由。 在我的应用程序,有一个主要的div将需要主持不同的意见。 当访问新视图时,我希望它接pipe主div上的显示。 以这种方式加载的视图可能会被丢弃或被隐藏在DOM中 – 我有兴趣了解每种方式如何工作。 我想出了一个我正在尝试做的事情的粗略的例子。 在这个Plunk中看到工作的例子。 基本上我想dynamic地加载HTML到DOM,并有标准的angularJS控制器能够钩入新的HTML。 有没有更好/更简单的方法来做到这一点比使用我在这里的自定义指令,并使用$ compile()挂钩angular? 也许有一些像路由器,但不需要URL有变化来操作? 以下是我目前使用的特殊指令(从另一个SOpost中获取): // Stolen from: http://stackoverflow.com/questions/18157305/angularjs-compiling-dynamic-html-strings-from-database myApp.directive('dynamic', function ($compile) { return { replace: true, link: function (scope, ele, attrs) { scope.$watch(attrs.dynamic, function(html) { if (!html) { return; } ele.html((typeof(html) === 'string') ? html : html.data); $compile(ele.contents())(scope); }); } }; }); 谢谢, […]