Questions tagged «angular-ui»

AngularUI是AngularJS框架的增强配套套件。它包含UI小部件和指令,它们不是AngularJS核心的一部分,但在项目中通常是必需的。

19
如何在AngularJS中使用按键事件?
我想在下面的文本框中捕获Enter键按下事件。为了更清楚地说明,我使用a ng-repeat来填充tbody。这是HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> 这是我的模块: angular.module('components', ['ngResource']); 我正在使用一种资源来填充表,而我的控制器代码是: function Ajaxy($scope, $resource) { //controller which has resource to populate the table }

3
如何使用ui-router中的ui-sref将参数传递给控制器
我需要将两个参数传递并接收到要转换为使用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', …

18
如何重新加载当前状态?
我正在使用Angular UI Router,想重新加载当前状态并刷新所有数据/为当前状态及其父级重新运行控制器。 我有3个状态级别:directory.organisations.details directory.organisations包含一个带有组织列表的表。单击表中的一个项目将加载$ directoryParams传递该项目的ID的directory.organisations.details详细信息。因此,在详细信息状态下,我将加载该项目的详细信息,对其进行编辑,然后保存数据。到目前为止一切都很好。 现在,我需要重新加载此状态并刷新所有数据。 我努力了: $state.transitionTo('directory.organisations'); 我猜这是因为它的父级状态,但不会重新加载控制器,因为路径没有改变。理想情况下,我只想保留在directory.organisations.details状态并刷新父级中的所有数据。 我也尝试过: $state.reload() 我已经在API WIKI上以$ state.reload看到了这一点(“(现在正在重新实例化控制器的错误,即将修复)。” 任何帮助,将不胜感激?

3
ui-bootstrap-tpls.min.js和ui-bootstrap.min.js有什么区别?
在cdnjs 的Angular-UI-Bootstrap页面上说: Twitter的Bootstrap的本机AngularJS(Angular)指令。占用空间小(已压缩5 kB!),无需第三方JavaScript依赖项(jQuery,Bootstrap JavaScript)! ...并具有以下选项 //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js 和 //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js 区别这些显示出细微的差别,我似乎找不到关于它的任何文档... 长话短说,除非您要创建自定义模板,否则请使用tpls。 它记录在这里:github.com/angular-ui/bootstrap/tree/gh-pages#build-files(也从主页链接)。简而言之,-tpls版本捆绑了默认的Bootstrap模板。无论如何,您只应包括列出的文件之一。-感谢pkozlowski.opensource

7
将$ scope注入角度服务函数()
我有服务: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …



4
在selectMatch上的角度ui-bootstrap提前输入回调?
我正在使用有角度的ui-bootstrap typeahead,并且希望将其用作选择许多选项的方法,因此启动selectMatch方法时需要获取选定的值,但我找不到方法在我的控制器中 <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> 如果我观看选定的值,则每次按一下键都会得到更改。 scope.$watch('selected', function(newValue, oldValue) {... }); 我知道方法selectMatch是在用户按Enter或单击列表时调用的方法,但是我不知道该如何回调。 谢谢 !




7
AngularJS $ state新标签中的打开链接
我正在尝试使用$ state.go函数实现“在新标签页中打开链接”功能。如果有这样的东西,那就太棒了: $state.go('routeHere', { parameter1 : "parameter" }, { reload : true, newtab : true // or smth like target : "_blank" }); 有什么办法可以使用AngularJS做到这一点?



12
动态设置ui-sref Angularjs的值
我已经搜索了类似的问题,但是出现的问题似乎略有不同。我正在尝试动态更改链接的ui-sref =''(此链接指向向导表单的下一部分,下一部分取决于下拉列表上的选择)。我只是试图根据选择框中的某些选择来设置ui-sref属性。我可以通过绑定到在进行选择时设置的scope属性来更改ui-sref。但是链接不起作用,这有可能吗?谢谢 <a ui-sref="form.{{url}}" >Next Section</a> 然后在我的控制器中,我以这种方式设置url参数 switch (option) { case 'A': { $scope.url = 'sectionA'; } break; case 'B': { $scope.url = 'sectionB'; } break; } 另外,我使用指令通过根据选择框(下拉列表)上选择的选项生成具有所需ui-sref属性的超链接来使其工作。 但是,这意味着每次从选择框中选择一个不同的选项时,我都必须重新创建链接,这会导致不希望的闪烁效果。我的问题是,是否可以像上面那样通过更改控制器中url的值来更改ui-sref的值,还是每次选择时都必须使用伪指令重新创建整个元素?就像我在下面做的那样?(仅出于完整性目的显示此内容) 选择选项指令(此指令生成链接指令) define(['app/js/modules/app', 'app/js/directives/hyperLink'], function (app) { app.directive('selectUsage', function ($compile) { function createLink(scope,element) { var newElm = angular.element('<hyper-link></hyper-link>'); var el = $(element).find('.navLink'); …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.