angularjs-material

问题 The goal: to use components and not use $scope to set data. There isn't an error to share, the issue is that the data element isn't set when the dialog loads the component. The screen shot shows the current state of the dialog, there should be an object bound in tab #2 (Info). I can verify the the object (document) is available after the dialog loads using the onComplete event. I've tried to bind the data available to the dialog call to the component in the following ways below: 1 using

问题 I have an md-select in my form with multiple options (same as demo in Angular Material site). It shows a comma separated list of selected options in its input field. Is there any way to change separator? (for example change comma to star or another UTF-8 character). 回答1: You can do something with pure CSS. You should hide the commas using visibility: collapse and after that, you can add a Unicode icon with :after or :before pseudo-element. PLUNKER HTML <md-select class="my-select" ng-model=

问题 I'm working on Material Design for angular js. I want to use in right-to-left mode for persian language. 回答1: Currently, MDB does not support RTL. I can confirm that RTL is planned in the future. The issue Is That the Bootstrap does not support RTL itself 回答2: you can try using the materials and not bootstrap. it support rtl by adding to css: * { direction: rtl; } regards, Yehuda. 来源： https://stackoverflow.com/questions/41588009/is-there-a-plugins-for-right-to-left-of-mdb-material-design

问题 (EDIT: When you use plain Google Maps API with AngularJS Material the problem is the same.) When I use at the same time in my AngularJS app: NgMap (https://github.com/allenhwkim/angularjs-google-maps) AngularJS Material (https://github.com/angular/material) Maps don't work properly on mobile (on desktop it is ok) - the problem is with touch gestures. Example: https://incampo.pl/map2.html - (test on mobile!) but when I don't use material: angular.module("incampoApp", ["ngMap"]) instead of:

问题 I have implemented an md-sidenav which allows to navigate to different html templates by selecting it in the sidenav list. What I am trying is to preselect the first item in my md-sidenav when the whole html page is loaded. So I don't have to press the first button to get routed to the first template by ui-router. HTML: <md-sidenav flex class="sidenav md-whiteframe-z2 md-sidenav-left" md-component-id="left"> <md-button ng-repeat-start="item in menuItems" flex layout="column" layout-align=

问题 I have created this app with ionic and angular material design. My issue is when I use md-tabs with more than 4 tabs. It's squeezing when I switch between views and back to md-tabs... it's common on android, ios it's just usually. <md-tabs md-stretch-tabs="auto" md-align-tabs="top" md-center-tabs="yes" md-dynamic-height="" md-border-bottom="" md-selected="data.selectedIndex"> Normal With squeeze Solution md-tab-item.md-tab.md-ink-ripple { min-width: 111px; } 回答1: Have you tried setting a min

问题 I need to load select's options asynchronously ( through a service), using the Angular Material md-select component. Actually, I use a click event to load data. It works but I need to click the select twice to show the options. That it's a problem. The expected behavior is shown at this link (AngularJs Material) The actual behavior is shown at this link. Is Async options' loading supported by md-select ? 回答1: The reason you need to click twice is because when you first click, there are no

问题 I want to use Angular Material for my next projects. https://material.angularjs.org I didn't find any documentation about which browsers it supports. Anyone knows how it internally works and what to expect? From what I understand flex css attribute, for example not supported by IE<10. Do you know if Angular material, has any fallback design for using without the flex css? http://caniuse.com/#feat=flexbox 回答1: From the official documentation: Please note that using Angular Material requires

问题 I want to set one word in a sentence to have md-primary color, and another word to have the accent color. I assumed something like this: <div> Hello <span class="md-primary">friend</span>. How are <span class="md-accent">you</span>? </div> But those classes work only for some specified components. What's the way to do it? 回答1: I was just able to do this using Angular Material 1.1.0. You use the md-colors directive similar to how you would ng-class : <span md-colors="{color:'primary'}">...<

问题 How do I change md-input-container placeholder color using css in Angular Material? As screenshot below I have phone no. and password textfield. Phone no. textfield has Phone No. and password has Password placeholder name. 回答1: Placeholder is depicted as a <label> in Angular Material. So you actually need to style the label not the placeholder. As soon as you click (focus) on the input this <label> which is looking as a placeholder slides up and converted into a form <label> . So you just