You need to use the name of your form, as well as ng-disabled: Here’s a demo on Plunker <form name=”myForm”> <input name=”myText” type=”text” ng-model=”mytext” required /> <button ng-disabled=”myForm.$invalid”>Save</button> </form>
Figured out quick solution, update your @NgModule code like this : import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; import { FormsModule } from ‘@angular/forms’; import { AppComponent } from ‘./app.component’; @NgModule({ imports: [ BrowserModule, FormsModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { } … Read more
Unfortunately HTML5 does not provide an out-of-the-box way to do that. However, using jQuery, you can easily control if a checkbox group has at least one checked element. Consider the following DOM snippet: <div class=”checkbox-group required”> <input type=”checkbox” name=”checkbox_name[]”> <input type=”checkbox” name=”checkbox_name[]”> <input type=”checkbox” name=”checkbox_name[]”> <input type=”checkbox” name=”checkbox_name[]”> </div> You can use this expression: $(‘div.checkbox-group.required … Read more
There’s no need to write a custom directive. Angular’s documentation is good but not complete. In fact, there is a directive called ngRequired, that takes an Angular expression. <input type=”email” name=”email” ng-model=”contact.email” placeholder=”your@email.com” ng-required=’!contact.phone’ /> <input type=”text” ng-model=”contact.phone” placeholder=”(xxx) xxx-xxxx” ng-required=’!contact.email’ /> Here’s a more complete example: http://jsfiddle.net/uptnx/1/
The following syntax fixes it for you: curl -v -F key1=value1 -F upload=@localfilename URL
try the + symbol: It is Adjacent sibling combinator. It combines two sequences of simple selectors having the same parent and the second one must come IMMEDIATELY after the first. As such: input[type=”radio”]:checked+label{ font-weight: bold; } //a label that immediately follows an input of type radio that is checked works very nicely for the following … Read more
Updated: 19/03/2017 this.form.controls[‘dept’].setValue(selected.id); OLD: For now we are forced to do a type cast: (<Control>this.form.controls[‘dept’]).updateValue(selected.id) Not very elegant I agree. Hope this gets improved in future versions.
It’s not a matter of security. The HTTP protocol defines GET-type requests as being idempotent, while POSTs may have side effects. In plain English, that means that GET is used for viewing something, without changing it, while POST is used for changing something. For example, a search page should use GET, while a form that … Read more
The Request Payload – or to be more precise: payload body of a HTTP Request is the data normally send by a POST or PUT Request. It’s the part after the headers and the CRLF of a HTTP Request. A request with Content-Type: application/json may look like this: POST /some-path HTTP/1.1 Content-Type: application/json { “foo” … Read more
The best thing you can do is leave out the action attribute altogether. If you leave it out, the form will be submitted to the document’s address, i.e. the same page. It is also possible to leave it empty, and any browser implementing HTML’s form submission algorithm will treat it as equivalent to the document’s … Read more