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的值等于“秘密”值的一部分，也不会返回任何内容。谢谢。