角度材料$ mdDialog与第二名持有人

时间:2016-11-07 13:58:33

标签: javascript angularjs angular-material

我正在尝试向角度材质对话框添加第二个输入,但我不确定它是否可行。我试图添加Test2占位符但没有工作。感谢您的帮助。

 $scope.showPrompt = function (ev) {
    $scope.statusTopic = '';
    var confirm = $mdDialog.prompt()
      .title('Test?')
      .placeholder('Test1')
      //.placeholder('Test2')
      .targetEvent(ev)
      .ok('Okay!')
      .cancel('Cancel');

1 个答案:

答案 0 :(得分:1)

以下是使用自定义对话框的示例 - CodePen

标记

FileInfo info = new FileInfo(uri);
cmd.Parameters[0].Value = info.LastWriteTimeUtc;

JS

<div ng-controller="MyController as vm" ng-cloak="" ng-app="app">
  <md-button class="md-primary md-raised" ng-click="vm.open($event)">
    Custom Dialog
  </md-button>
  <div ng-if="vm.showText" layout="column">
    {{vm.placeholder1}}
    <br>
    {{vm.placeholder2}}
  </div>

  <script type="text/ng-template" id="test.html">
    <md-dialog aria-label="Test">
        <div layout-padding layout="column">
        <md-input-container>
            <label>Placeholder 1</label>
          <input ng-model="vm.placeholder1">
        </md-input-container>
        <md-input-container>
            <label>Placeholder 2</label>
          <input ng-model="vm.placeholder2">
        </md-input-container>
        <md-button ng-click="vm.save()" class="md-primary">Save</md-button>
      </div>
    </md-dialog>
  </script>
</div>

演示:

https://material.angularjs.org/latest/demo/input

文档:

https://material.angularjs.org/latest/api/directive/mdDialog https://material.angularjs.org/latest/api/service/$mdDialog