angularjs-material | 易学教程

How do I fix the npm UNMET PEER DEPENDENCY warning?

阅读更多关于 How do I fix the npm UNMET PEER DEPENDENCY warning?

问题 I'm on Windows 10, with Node 5.6.0 and npm 3.6.0. I'm trying to install angular-material and mdi into my working folder. npm install angular-material mdi errors with: +-- angular@1.5.0 +-- UNMET PEER DEPENDENCY angular-animate@^1.5.0 +-- UNMET PEER DEPENDENCY angular-aria@^1.5.0 +-- angular-material@1.0.6 +-- UNMET PEER DEPENDENCY angular-messages@^1.5.0 `-- mdi@1.4.57 npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\xxxxx\Desktop\ngClassifieds\package.json' npm WARN angular

How to show form validation error message in Angular js and that form have action url

阅读更多关于 How to show form validation error message in Angular js and that form have action url

问题 In My app there is a form,it have input field,multiple gallery image upload and server side validation using php.So i can't submit this form as $http.post() method so i put action url on this form but the problem is if i click submit button without action url then all errors are listed but with action url,it is redirect to action url with out validation message so is any solution to show validation messages with form contain action url in angular js angular.module('MyApp', ['ngMaterial',

How do I position the drop down of AngularJS Material Select?

阅读更多关于 How do I position the drop down of AngularJS Material Select?

问题 Try running the code I made in plunker here http://plnkr.co/bvysoi <div ng-controller="dropdownController" class="md-padding" ng-cloak> <div layout="row"> <md-input-container> <md-select md-container-class="my-container" ng-model="selected" md-selected-text="displaySelected()" multiple> <md-optgroup> <md-option ng-value="data.label" ng-repeat="data in datas" ng-click="clicked(datas, data)" ng-selected="data.selected">{{data.label}}</md-option> </md-optgroup> </md-select> </md-input-container>

AngularJS (Material) - Refreshing data in md-list after adding new object using md-dialog

阅读更多关于 AngularJS (Material) - Refreshing data in md-list after adding new object using md-dialog

问题 I'm fairly new to the whole Angular world, but yesterday I ran into a problem I cannot seem to fix. As a prototype I'm creating a simple Task application which enables the user to create, view and delete tasks. A new task can be created by clicking a button which opens the dialog. Some information can be given in and by clicking "add task" the task gets added to the database. The only problem is, after the dialog closes the md-list, which displays a list of items, does not refresh to show the

Pass data from $mdDialog Child Component to Parent Component

阅读更多关于 Pass data from $mdDialog Child Component to Parent Component

问题 I'm using one app controller to call one model window and I want to pass data from $mdDialog model window to app controller. How can I do that? //parent Controller class appCtrl implements IappSettings { public displayItems = [some array items]; public sortingItems = [some array items]; public backItems: string; } dopopup(event) { this.$mdDialog.show({ controller: appCtrl, controllerAs: '$ctrl', template: '<displayArrayCtrl on-save="$ctrl.onSave(displayColumns)"></displayArrayCtrl>' }); }

Can we use md-autocomplete within an Angular app?

阅读更多关于 Can we use md-autocomplete within an Angular app?

问题 Fairly new to Angular2 and Angular in general. Here https://material.angularjs.org/latest/ it states: Developers should note that Angular Material v1 works only with Angular 1.x. Here https://github.com/angular/angular/issues/4844 it says: we could use Angular 1 features within an Angular 2 app. Hence, my doubts. Can anyone help? Please note: Since I'm fairly new, I wouldn't be able to test and see if the error is because of a non-supported feature atm, OR due to my lack of knowledge. Hence,

Angular Material Datepicker returns one day before the exact date

阅读更多关于 Angular Material Datepicker returns one day before the exact date

问题 Im using angular material in my web site and when I send the date to my web api, it shows on day before the selected date. For an example if I put in 2016-01-03 then it will send 2016-01-02. How can I fix this issue. I haven't change any code form the original code provided in angular material web site the link to the code is below https://material.angularjs.org/latest/demo/datepicker 回答1: Just try to use angular-moment as following. var temp =(moment.utc(local.date)); I wrote a full article

Can we use md-autocomplete within an Angular app?

阅读更多关于 Can we use md-autocomplete within an Angular app?

Fairly new to Angular2 and Angular in general. Here https://material.angularjs.org/latest/ it states: Developers should note that Angular Material v1 works only with Angular 1.x. Here https://github.com/angular/angular/issues/4844 it says: we could use Angular 1 features within an Angular 2 app. Hence, my doubts. Can anyone help? Please note: Since I'm fairly new, I wouldn't be able to test and see if the error is because of a non-supported feature atm, OR due to my lack of knowledge. Hence, the option for this question. look here Material2 for angular 2 it is under development, in future i

How to get rid off multiple style tags inserted to head by AngularJS Material?

阅读更多关于 How to get rid off multiple style tags inserted to head by AngularJS Material?

问题 AngularJS Material inserts multiple (around 30) style tags with md-theme-style attribute. I guess it's some kind of performance tuning but I would rather do it myself - I don't need an external framework to pollute my HTML in this nasty way. Any thoughts on how to get rid of the style tags? 回答1: I do not know if it is worth the hassle. Please back-up your work, I have not tested any of this: Angular-material includes some default theme css as a const variable in JavaScript. You can view this

Angular MaterialJS Dialog form with different save options

阅读更多关于 Angular MaterialJS Dialog form with different save options

问题 I'm trying to save form data in mdDialog but with options of (save and close) the dialog and (save) which will save the form data then open another dialog empty dialog without having to close and open the mdDialog again, the problem is how to call same SaveData function in same form for both save operations? $scope.saveData = function (isValid) { if (isValid) { updateservice.postdata($scope.myformdata) .then(function (data) { $mdDialog.hide(); }); // error handling } }; and in the template: