草庐IT

Material-UI

全部标签

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - angular- ui-select - 如何将对象属性绑定(bind)到 ng-model

我在一个简单的用户注册表中使用angular-ui-select:{{$select.selected.name}}这是我的国家数组定义:$scope.countries=[{name:'Afghanistan',code:'AF'},{name:'Albania',code:'AL'},{name:'Australia',code:'AU'},{name:'Austria',code:'AT'},{name:'Azerbaijan',code:'AZ'},{name:'Belarus',code:'BY'},{name:'Belgium',code:'BE'},{name:'Beli

javascript - 使用 ui-select 使用 Protractor 进行测试

我正在尝试使用Protractor测试ui-select。在这个ui-select中,我有一个国家列表。我的html看起来像:{{$select.selected.name}}我的页面对象如下所示:this.country=element(by.model('datiAnagrafici.countryOfBirth'));this.fillForm=function(){this.country.sendKeys('IT');}在我的规范文件中我有:it('shouldfilltheform',function(){form.fillForm();})但是当我运行我的测试时,ng-m

javascript - Angularjs - route-ui 添加默认参数

在我的应用中,我使用了angularUI-Router。我有本地人(英语和希伯来语)我的基本语言是英语。这就是为什么我希望如果语言是英语则不要将参数添加到url例如:首页英文-->http://example.com/Home希伯来语-->http://example.com/he/关于我们英文-->http://example.com/about关于我们希伯来语-->http://example.com/he/about这可能吗?这是我当前的代码$stateProvider.state('/',{url:"/",templateUrl:"Assets/app/templates/ho

javascript - 尝试包含 ngMaterial $mdToast、$animate 时出现 Angular Material "[$injector:unpr] Unknown provider"错误

我正在尝试在此应用中使用ngMaterial:Bower.json文件:{"name":"x","version":"0.0.0","description":"x","dependencies":{"bootstrap":"~3","angular":"~1.4.7","angular-resource":"~1.4.7","angular-animate":"~1.4.7","angular-mocks":"~1.4.7","angular-bootstrap":"~0.13","angular-ui-utils":"bower","angular-ui-router":"~0.2

javascript - jQuery UI 自动完成 : Disable tab completion?

reference如何禁止使用Tab键来选择当前/突出显示的项目?我只想Enter来填充它。 最佳答案 Ryan'sexample将取消放在keypress事件中对我不起作用,但我们可以将其放在自动完成的select选项中:select:function(e,ui){if(e.keyCode===9)returnfalse;//othercode...} 关于javascript-jQueryUI自动完成:Disabletabcompletion?,我们在StackOverflow上找到

javascript - 使用函数将值传递到 jQuery UI 对话框

这是我的document.ready代码:$(document).ready(function(){$("#dialogbox").dialog({open:function(event,ui){$("a.ui-dialog-titlebar-close").remove();},bgiframe:true,autoOpen:false,closeOnEscape:false,draggable:false,show:"drop",hide:"drop",zIndex:10000,modal:true,buttons:{'Ok':function(){$(this).dialog("c

javascript - jQuery UI draggable element dropped into sortable

我有一个可拖动项列表,我希望能够将它们拖动到可排序的内容block上。这是我的标记:OneTwoFooBar问题是,我希望拖动的项目在拖动开始时“变成”一个block,并在它被放下时保持一个block。我试过这个:$('.itemsdiv').draggable({helper:function(e){return$('').addClass('block').text($(e.target).text());},connectToSortable:".content"});$('.content').sortable();​fiddle:http://jsfiddle.net/MF4

javascript - Kendo UI Mobile vs Sencha Touch vs Intel App Framework

我要开发一个移动应用程序。该应用程序将使用表单元素、侧面板、导航栏、ListView和一些弹出小工具。它将具有动态创建的表单(将通过jsonp来自后端)。我已经具备jQuery的中级知识。我现在正在比较框架,介于这三个之间(1)KendoUI手机(2)Sencha触摸(3)英特尔应用框架(4)部署为本地应用程序(如phonegap、icenium等)的能力和成功因为我不会有预定义的表单,我想我会在javascript部分花费很多精力,通过使用来自服务器的jsonp值从js插入表单字段数据当我们根据以下标准比较这些框架时速度本土的感觉开发难度文档和社区支持您建议使用或不使用哪些工具?

javascript - 防止击中子状态 ui-router

这是到目前为止我对ui-router状态的了解:$stateProvider.state('tools',{url:'/tools/:tool',template:'',abstract:true,onEnter:function($stateParams,$state,TOOL_TYPES){if(TOOL_TYPES.indexOf($stateParams.tool)===-1){$state.go('error');}}}).state('tools.list',{url:'',templateUrl:'app/tools/tools.tpl.html',controller: