Questions tagged «angularjs»

我以为这是很普通的事情，但是我找不到如何在AngularJS中处理它。假设我有一个事件列表，想用AngularJS输出它们，那很简单： <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> 但是，当列表为空时如何处理？我想要一个消息框，其中的列表包含“无事件”或类似内容。唯一会接近的是ng-switchwith events.length（如何检查对象而不是数组时是否为空？），但这真的是我唯一的选择吗？

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

我是AngularJS的新手，在以下情况下我对如何使用angular-“ ui-router”感到有些困惑： 我正在构建一个包含两个部分的Web应用程序。第一部分是带有登录和注册视图的主页，第二部分是仪表板（成功登录后）。 我已经index.html为home部分创建了一个带有角度应用程序和ui-router配置的，用于处理/login和/signup查看，还有一个dashboard.html针对仪表板部分的文件，其应用程序和ui-router配置用于处理许多子视图。 现在，我完成了仪表板部分，并且不知道如何将这两个部分与不同的角度应用程序结合起来。我如何告诉家用应用程序重定向到仪表板应用程序？

376 javascript  angularjs  angular-ui-router 

我需要将两个参数传递并接收到要转换为使用ui-srefui-router的状态。 例如使用下面的链接将状态转换为homewith foo和bar参数： <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 控制器中的接收foo和bar值： app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 我得到undefined了$stateParam在控制器中。 有人可以帮助我了解如何完成任务吗？ 编辑： .state('home', { url: '/', views: { '': { templateUrl: 'home.html', …

369 javascript  html  angularjs  angular-ui-router  angular-ui 

在这种情况下，按Enter键时必须使这些输入调用函数的选项是什么？ // HTML view // <form> <input type="text" ng-model="name" <!-- Press ENTER and call myFunc --> /> <br /> <input type="text" ng-model="email" <!-- Press ENTER and call myFunc --> /> </form> // Controller // .controller('mycontroller', ['$scope',function($scope) { $scope.name = ''; $scope.email = ''; // Function to be called when pressing …

364 function  angularjs  call  keypress  enter 

我正在尝试从我的自定义指令中获取一个评估的属性，但是我找不到正确的方法。 我已经创建了这个jsFiddle来详细说明。 <div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"> </div> myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } }); 我想念什么？

363 javascript  binding  angularjs  directive 

我正在尝试在控制器之间共享数据。用例是一个多步骤的表单，在一个输入中输入的数据以后会在原始控制器之外的多个显示位置使用。下面和jsfiddle中的代码。 的HTML <div ng-controller="FirstCtrl"> <input type="text" ng-model="FirstName"><!-- Input entered here --> <br>Input is : <strong>{{FirstName}}</strong><!-- Successfully updates here --> </div> <hr> <div ng-controller="SecondCtrl"> Input should also be here: {{FirstName}}<!-- How do I automatically updated it here? --> </div> JS // declare the app with no dependencies var myApp = angular.module('myApp', …

362 javascript  angularjs 

目前，我有一个Angular.js页面，它允许搜索并显示结果。用户单击搜索结果，然后单击“后退”按钮。我希望再次显示搜索结果，但是我不知道如何触发搜索执行。这是细节： 我的Angular.js页面是一个搜索页面，带有一个搜索字段和一个搜索按钮。用户可以手动键入查询并按下按钮，然后会触发ajax查询并显示结果。我用搜索词更新了网址。一切正常。 用户单击搜索结果，然后转到另一个页面-效果也不错。 用户单击“后退”按钮，然后返回到我的角度搜索页面，并显示正确的URL（包括搜索词）。一切正常。 我已将搜索字段值绑定到URL中的搜索词，因此它包含了预期的搜索词。一切正常。 如何使搜索功能再次执行而无需用户按下“搜索按钮”？如果是jQuery，那么我将在documentready函数中执行一个函数。我看不到Angular.js等效项。

359 angularjs  onload 

最近，我看到.js.map一些JavaScript库（例如Angular）附带了具有扩展名的文件，这在我脑海中引发了几个问题： 这是为了什么 为什么Angular的员工会关心传递.js.map文件？ 我（作为JavaScript开发人员）如何使用该angular.min.js.map文件？ 我应该关心.js.map为JavaScript应用程序创建文件吗？ 如何创建？我看了一下，angular.min.js.map里面充满了格式奇怪的字符串，所以我认为它不是手动创建的。

357 javascript  angularjs  source-maps 

这是AngularJS页面的内容描述： 如果AngularJS是为构建Web应用程序而设计的，则HTML将会是HTML。具有数据绑定，MVW，MVVM，MVC，依赖项注入和出色的可测试性故事的声明性模板全部通过纯客户端JavaScript实现！ 那么MVW代表什么呢？（考虑到MVC，MVVW，MVP等争吵，我猜是“无论如何”，Model-View-Whatever = P）

351 angularjs  acronym  mvw 

现在，之间的性能差异$broadcast和$emit已被淘汰，没有任何理由，更喜欢$scope.$emit到$rootScope.$broadcast？ 他们是不同的，是的。 $emit 仅限于范围层次结构（向上）-如果适合您的设计，这可能很好，但是在我看来，这是一个相当随意的限制。 $rootScope.$broadcast在所有选择收听此活动的人中都有效，这在我看来是一个更明智的限制。 我想念什么吗？ 编辑： 为了对回答做出澄清，调度的方向不是我要解决的问题。$scope.$emit向上调度事件，$scope.$broadcast-向下调度事件。但是，为什么不总是使用它$rootScope.$broadcast来吸引所有预期的听众呢？

349 angularjs  angularjs-scope 

我在控制器的作用域上初始化变量时遇到问题。然后，当用户登录时，它将在另一个控制器中进行更改。此变量用于控制诸如导航栏之类的操作，并根据用户的类型来限制对网站某些部分的访问，因此保持其值很重要。它的问题在于，初始化它的控制器会再次被调用一些方法，然后将变量重置为初始值。 我认为这不是声明和初始化全局变量的正确方法，它不是真正的全局变量，所以我的问题是正确的方法是什么，并且在使用当前版本的angular时，周围是否有很好的例子？

348 angularjs  global-variables 

假设我有一个锚标记，例如 <a href="#" ng-click="do()">Click</a> 如何防止浏览器导航到AngularJS中的＃？

342 angularjs  preventdefault 

我正在为最新项目使用AngularJS。在文档和教程中，所有模型数据都放入控制器范围。我知道控制器必须可用，因此必须在相应的视图内可用。 但是我不认为该模型应该在那里实际实施。它可能很复杂，并且具有私有属性。此外，可能要在另一个上下文/应用程序中重用它。将所有内容放入控制器中完全破坏了MVC模式。 任何模型的行为都一样。如果我要使用DCI体系结构并将行为与数据模型分开，则必须引入其他对象来保存行为。这可以通过介绍角色和上下文来完成。 DCI == d ATA Ç ollaboration 我 nteraction 当然，可以使用简单的javascript对象或任何“类”模式来实现模型数据和行为。但是，AngularJS的实现方式是什么？使用服务？ 所以归结为这个问题： 遵循AngularJS最佳实践，如何实现与控制器分离的模型？

341 javascript  model-view-controller  angularjs  dci 

如何使用以及在哪里app.run()使用？在模块定义之后，之后app.config()还是之后app.controller()？ 我正在采用BreezeJS Angular Q，它询问是否可以在app.run()函数中运行某些代码。

337 angularjs 

谁能告诉我为什么下面的语句不将发布数据发送到指定的URL？调用了url，但是在打印$ _POST时在服务器上-我得到一个空数组。如果我在将消息添加到数据之前在控制台中打印消息-它显示正确的内容。 $http.post('request-url', { 'message' : message }); 我也尝试过将数据作为字符串（具有相同的结果）： $http.post('request-url', "message=" + message); 当我以以下格式使用它时，它似乎可以正常工作： $http({ method: 'POST', url: 'request-url', data: "message=" + message, headers: {'Content-Type': 'application/x-www-form-urlencoded'} }); 但是有没有办法用$ http.post（）做到这一点-我是否总是必须包含标头才能使其正常工作？我认为上述内容类型指定了发送数据的格式，但是我可以将其作为javascript对象发送吗？

337 angularjs  post  angular-http