<div id="my-id" class="my-class" modal="opened">
<p>Modal Here</p>
</div>
结果是:
<div class="modal ng-scope">
<p>Modal Here</p>
</div>
为什么id和class属性被剥离？
我想在对话框上设置一些CSS样式,例如对话框的宽度,或者设置一些对话框的内部元素.我怎么能实现这一目标？
我正在尝试以编程方式更新select2模型并使视图刷新但它似乎不起作用.
这是一个从Angular UI项目分叉的示例plunker:http://plnkr.co/edit/kQROgr？p = preview
我尝试添加initSelection()accroding到select2 docs(http://ivaynberg.github.com/select2/ " 响应外部值更改"),但这不起作用.我也尝试过select2 3.3.2并且也没有解决它.
有两个问题:1)单击"更新模型",模型更新但不会向select2小部件添加标记.另外2)单击"Update-Model"然后使用select2选择第二个标签,"Update-Model"添加的第一个标签消失.
我正在使用Angular JS和Angular UI(通过gem:angular-ui-rails),今天我遇到了模块依赖.如果有人有想法!
我想在我的应用程序中添加可排序模块(https://github.com/angular-ui/ui-sortable),如下例所示:
问题是我已经加载了UI-bootstrap模块,所以我尝试这样做:
在app.js上:
angular.module('ui', ['ui.bootstrap','ui.sortable']);
在controllers.js上
function dndCtrl($scope) {
$scope.list = ["one", "two", "three", "four", "five", "six"];
}
应用程序中加载的sortable.js 文件.js的顺序是:
//= require jquery
//= require jquery_ujs
//= require underscore
//= require angular.min
//= require ./angular/controllers/app.js
//= require_tree ./angular
//= require_tree .
所以sortable.js文件在app.js之后和ui-bootstrap js文件之前加载(在./angular树中)
最后:我的html文件带有一个带有角度的简单列表循环:
<html ....... ng-app="ui">
.....
<div ng-controller="dndCtrl">
<ul ui-sortable ng-model="list">
<li ng-repeat="item in list" class="item">{{item}}</li>
</ul>
<hr />
</div>
循环运行良好,UI引导程序(在我的情况下也是Typeahead)但不是可排序和控制台渲染a
TypeError: Object [object Object] has no method 'sortable'
我做错了什么或错过了什么？
我有一个pagination内部dialog两个指令都是ui.bootstrap.问题是,$watch它不适用于currentPage成员.
现在,类似的代码非常适用于其他页面,其中分页不在某些对话框中.
我想这个问题与此问题有关,$scope但随后currentPage在范围内可用,我可以使用在模板上显示它{{currentPage}}
请在plunker中找到代码
$scope.$watch('currentPage') 没有点击页面链接.
现在,对于解决方法,我可以使用on-select-pagepagination指令提供的回调.
例如
<pagination on-select-page="pageChanged(page)" total-items="totalItems" items-per-page = "numPerPage" page="currentPage" max-size="maxSize"></pagination>
在我的控制器内,我可以,
$scope.pageChanged = function(page) {
console.log(page);
};
但我宁愿理解为什么在这种情况下$scope.$watch不会工作.
更新:从控制台跟随的是观察者值
$$watchers: Array[1]
0th: Object
eq: false
exp: "currentPage"
fn: function (o,n){}
我$dialog在AngularUI中找不到服务,我试图探索一个简单的messageBox()使用创建确认对话框$modal.也找不到.
有人可以建议我如何使用AngularJS/AngularUI创建一个简单的对话框(比如删除确认)？
先感谢您.
我将使用http://angular-ui.github.io/bootstrap/#pagination 我需要将'previous','next'指标设置为html.
就像是:
<pagination
previous-text="'<span class="glyphicon glyphicon-arrow-left"></span>'"
next-text="'<span class="glyphicon glyphicon-arrow-right"></span>'"
>
</pagination>
不幸的是,它返回解析的html而不是图标.
这是一个我想要实现的东西:http://plnkr.co/edit/q59XhTO0II1ZBz21Etj2？p = preview
我在项目中使用基于状态的路由(Angular UI Router v0.2.7)并寻找从给定URL字符串获取当前状态(名称)的方法.
就像是:
$state.get([urlString]) returns stateName:String or state:Object
我需要此方法来检查给定URL是否存在状态,因为并非所有URL都映射到项目中的状态.使用Play Framework作为后端,某些URL(例如,登录表单)未映射到状态,因为它们使用不同的模板,然后是我的应用程序的Angular(主要)部分.对于那些"无角度"页面(即,未被状态覆盖),我会进行重新加载.要识别状态未涵盖的URL,我需要上述方法.计划像这样做:
$rootScope.$watch(function() { return $location.path(); }, function(newUrl, oldUrl) {
if(newUrl !== oldUrl) {
if (!$state.get(newUrl)) {
$window.location.assign(newValue);
}
}
}
已经检查过文件但没有这样的方法.
有任何想法吗？
我正在使用angular-ui datepicker指令,需要使用彩色文本呈现一些日期.我已经使用beforeShowDay事件找到了bootstrap datepicker的示例,但是找不到angular-ui datepicker的内容.我对angular和angular-ui相当新,并且会感激任何建议.
这是一个Plunker示例.[根据以下答案更新了plunk]
如何禁用一两个项目的排序.例如,第1项和第3项,那么用户无法移动这两项？
我试过了
$scope.sortableOptions = {
disabled:true,
};
在sortableOptions中,但禁用整个列表上的排序.
我正在寻找类似的东西
<div ui-sortable="sortableOptions" ng-model="list">
<div ng-repeat="item in list">
<div ng-switch on="item.text">
<div ng-switch-when="Item 1" >
<div ui-sortable="sortableOptions.disabled=true">{{item.text}} - Sorting disabled</div>
</div>
<div ng-switch-default>
<div>{{item.text}} - Sorting enabled</div>
</div>
</div>
</div>
</div>
谢谢.
我需要$scope在执行某些操作时清除所有值.
例如:如果我单击"Signout"按钮重定向到"signin"页面,则应清除会话中的所有$ scope或$ rootScope值.
我怎样才能做到这一点？
angular-ui ×10
angularjs ×8
date ×1
datepicker ×1
javascript ×1
jquery ×1
jquery-ui ×1
pagination ×1
state ×1