Tag: angularjs

带有Django的AngularJS – 冲突的模板标签

我想在Django中使用AngularJS,但是他们都使用{{ }}作为模板标签。 有没有简单的方法来改变其中一个使用其他自定义模板标签?

用ui-router中的左栏布局嵌套状态或视图?

我有以下布局: 边栏和标题栏将始终存在,虽然其内容是特定于上下文的。 我认为这里有两个select:嵌套状态(sidenav>标题栏>内容)或视图(如果我理解正确)。 无论我读过多lessvideo和文章,我仍然在努力让自己的头部缠绕在UI路由器上。 点击Sidenav会将一个状态(或视图)加载到Content中,并且Headerbar会根据加载到Content中的内容来调整其内容。 我的感觉是,嵌套状态似乎是最简单的直接方法,特别是在考虑inheritance时。 从另一个angular度来看,这些看起来可能是兄弟姐妹(尽pipeinheritance问题可能使我错了)。 我的观点是,这些观点将使我在未来能够有更多的灵活性。 当然ng-include和指令可以起到这个作用。 对于路由器来说是新的,可能有人给我正确的方向? 我卡住的地方是加载主视图。 我希望我的用户在login后在内容部分看到他们的仪表板。然后,当用户从侧边栏导航时,如何将新元素加载到内容中?

如何使用ng-option来设置select元素的默认值

我在这里看到了Angular select指令的文档: http : //docs.angularjs.org/api/ng.directive :select。 我无法确定如何设置默认值。 这是令人困惑的: select数组中的值作为标签 这是对象: { "type": "select", "name": "Service", "value": "Service 3", "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] } html(工作): <select><option ng-repeat="value in prop.values">{{value}}</option></select> 然后我试图在select元素中添加一个ng-option属性来设置prop.value作为默认选项(不工作)。 ng-options="(prop.value) for v in prop.values" 我究竟做错了什么?

如何在AngularJS中设置一个variables的iframe src属性

我试图设置一个variables的iframe的src属性,我不能得到它的工作… 标记: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong… </iframe> </div> 控制器/ app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : "A professional portfolio site for McGill University professor Mela […]

从旧代码中调用AngularJS

我正在使用AngularJS构build与旧版Flex应用程序交互的HTML控件。 Flex应用程序的所有callback都必须附加到DOM窗口。 例如(在AS3中) ExternalInterface.call("save", data); 将会通知 window.save = function(data){ // want to update a service // or dispatch an event here… } 从JS resize函数中,我想派发一个控制器可以听到的事件。 看来创build一个服务是一条路。 你可以更新AngularJS以外的服务吗? 控制器可以监听来自服务的事件吗? 在一个实验中(点击小提琴)我似乎可以访问一个服务,但更新服务的数据并没有反映在视图(在这个例子中<option>应该被添加到<select> )。 谢谢!

Angular UI路由器 – 具有多个布局的嵌套状态

我想有多个布局(1-col,2-col,3-col),我想根据所需的布局为不同的路线转换。 我目前有一个默认使用特定布局的根状态,然后在该布局中包含名称,如页眉,页脚,边栏等部分的命名ui-view指令。 我只是想知道是否可以改变嵌套状态的布局,因为它目前不工作,并没有出现控制台或linter内的错误。 我目前在浏览器中没有任何输出,这使得我认为我已经实现了错误的方法,因为所有的路由都不是从路由状态inheritance的。 代码如下: 我-module.js 'use strict'; angular.module('my-module', ['ngResource', 'ui.router']) // Routing for the app. .config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('root', { url: '', views: { 'layout': { templateUrl: 'partials/layout/1-column.html' }, 'header': { templateUrl: 'partials/layout/sections/header.html' }, 'footer': { templateUrl: 'partials/layout/sections/footer.html' } } }) .state('root.home', { url: '/' }) .state('root.signup', { url: '/signup', views: { […]

angular度ng-bind-html和它内的指令

Plunker链接 我有一个元素,我想绑定到它的HTML。 <div ng-bind-html="details" upper></div> 这样可行。 现在,随着它,我也有一个绑定到绑定的HTML的指令: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' 但是div和anchor的指令不会评估。 我如何使它工作?

AngularJS将数据传递给$ http.get请求

我有一个function,做一个HTTP POST请求。 代码如下所示。 这工作正常。 $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); 我有另一个http GET的函数,我想发送数据到该请求。 但我没有这个选项。 $http({ url: user.details_path, method: "GET", data: {user_id: user.id} }); http.get的语法是 get(url,config) 有人可以帮我弄这个吗。

如何在AngularJS中使用具有自己的作用域的自定义指令*来访问父范围?

我正在寻找任何方式访问指令中的“父”范围。 任何范围的组合,transclude,要求,从上面传递variables(或范围本身)等。我完全愿意向后弯曲,但我想避免一些完全hacky或不可维护的东西。 例如,我知道我现在可以通过从preLink参数中获取$scope并遍历它的$sibling作用域来find概念“parent”。 我真正想要的是能够在父范围中$watchexpression式。 如果我可以做到这一点,那么我可以在这里完成我想要做的: AngularJS – 如何渲染一个variables的部分? 一个重要的注意事项是指令必须在同一个父范围内可重用。 因此,默认行为(范围:false)不适用于我。 我需要一个单独的范围每个指令的实例,然后我需要$watch一个variables,生活在父范围内。 代码示例值1000字,所以: app.directive('watchingMyParentScope', function() { return { require: /* ? */, scope: /* ? */, transclude: /* ? */, controller: /* ? */, compile: function(el,attr,trans) { // Can I get the $parent from the transclusion function somehow? return { pre: function($s, $e, $a, parentControl) { […]

在AngularJS中通过多个特定模型属性进行过滤(以OR关系)

看看这里的例子: http : //docs.angularjs.org/api/ng.filter : filter 您可以使用<input ng-model="search">通过任何手机属性进行<input ng-model="search">并且可以使用<input ng-model="search.name">通过名称进行search,并对结果进行适当的过滤按名称(input电话号码不会返回任何结果,如预期)。 比方说,我有一个“姓名”属性,“电话”属性和“秘密”属性的模型,我将如何去过滤“名称”​​和“电话”属性,而不是 “秘密”属性? 所以实质上,用户可以input一个姓名或电话号码, ng-repeat会正确过滤,但即使用户input的值等于“秘密”值的一部分,也不会返回任何内容。 谢谢。