feat(dialog): add initial value option to prompt preset.

Fixes #7046

Closes #7090

src/components/dialog/demoBasicUsage/script.js

@@ -40,13 +40,14 @@ angular.module('dialogDemo1', ['ngMaterial'])
  $scope.showPrompt = function(ev) {
  // Appending dialog to document.body to cover sidenav in docs app
  var confirm = $mdDialog.prompt()
- .title('What would you name your dog?')
- .textContent('Bowser is a common name.')
- .placeholder('dog name')
- .ariaLabel('Dog name')
- .targetEvent(ev)
- .ok('Okay!')
- .cancel('I\'m a cat person');
+ .title('What would you name your dog?')
+ .textContent('Bowser is a common name.')
+ .placeholder('Dog name')
+ .ariaLabel('Dog name')
+ .initialValue('Buddy')
+ .targetEvent(ev)
+ .ok('Okay!')
+ .cancel('I\'m a cat person');
 
  $mdDialog.show(confirm).then(function(result) {
  $scope.status = 'You decided to name your dog ' + result + '.';

src/components/dialog/dialog.js

@@ -421,6 +421,7 @@ function MdDialogDirective($$rAF, $mdTheming, $mdDialog) {
  * - $mdDialogPreset#htmlContent(string) - Sets the prompt message as HTML. Requires ngSanitize
  * module to be loaded. HTML is not run through Angular's compiler.
  * - $mdDialogPreset#placeholder(string) - Sets the placeholder text for the input.
+ * - $mdDialogPreset#initialValue(string) - Sets the initial value for the prompt input.
  * - $mdDialogPreset#ok(string) - Sets the prompt "Okay" button text.
  * - $mdDialogPreset#cancel(string) - Sets the prompt "Cancel" button text.
  * - $mdDialogPreset#theme(string) - Sets the theme of the prompt dialog.
@@ -544,7 +545,7 @@ function MdDialogProvider($$interimElementProvider) {
  options: advancedDialogOptions
  })
  .addPreset('prompt', {
- methods: ['title', 'htmlContent', 'textContent', 'content', 'placeholder', 'ariaLabel',
+ methods: ['title', 'htmlContent', 'textContent', 'initialValue', 'content', 'placeholder', 'ariaLabel',
  'ok', 'cancel', 'theme', 'css'],
  options: advancedDialogOptions
  });
@@ -562,7 +563,8 @@ function MdDialogProvider($$interimElementProvider) {
  ' <p>{{::dialog.mdTextContent}}</p>',
  ' </div>',
  ' <md-input-container md-no-float ng-if="::dialog.$type == \'prompt\'" class="md-prompt-input-container">',
- ' <input ng-keypress="dialog.keypress($event)" md-autofocus ng-model="dialog.result" placeholder="{{::dialog.placeholder}}">',
+ ' <input ng-keypress="dialog.keypress($event)" md-autofocus ng-model="dialog.result" ' +
+ ' placeholder="{{::dialog.placeholder}}">',
  ' </md-input-container>',
  ' </md-dialog-content>',
  ' <md-dialog-actions>',
@@ -577,8 +579,14 @@ function MdDialogProvider($$interimElementProvider) {
  '</md-dialog>'
  ].join('').replace(/\s\s+/g, ''),
  controller: function mdDialogCtrl() {
+ var isPrompt = this.$type == 'prompt';
+
+ if (isPrompt && this.initialValue) {
+ this.result = this.initialValue;
+ }
+
  this.hide = function() {
- $mdDialog.hide(this.$type === 'prompt' ? this.result : true);
+ $mdDialog.hide(isPrompt ? this.result : true);
  };
  this.abort = function() {
  $mdDialog.cancel();

src/components/dialog/dialog.spec.js

@@ -579,6 +579,7 @@ describe('$mdDialog', function() {
  .title('Title')
  .textContent('Hello world')
  .placeholder('placeholder text')
+ .initialValue('initial value')
  .theme('some-theme')
  .css('someClass anotherClass')
  .ok('Next')
@@ -604,6 +605,7 @@ describe('$mdDialog', function() {
  expect(title.text()).toBe('Title');
  expect(contentBody.textContent).toBe('Hello world');
  expect(inputElement[0].placeholder).toBe('placeholder text');
+ expect(inputElement.val()).toBe('initial value');
  expect(buttons.length).toBe(2);
  expect(buttons.eq(0).text()).toBe('Next');
  expect(theme).toBe('some-theme');