Swimlane / ngx-ui更改警报/提示中的按钮标签

时间:2018-07-10 17:51:10

标签: javascript angular

我正在使用Swimlane的ngx-ui:https://swimlane.github.io/ngx-ui/

有一个警报/提示/确认组件,其行为与浏览器的本机相同。 问题在于文档中没有任何内容说明是否可以通过按钮更改标签。 只有一个例子:

<apex:pageblocksection columns="1" title="[...]" collapsible="false">
    <apex:repeat value="{!fields2}" var="c">
        <apex:inputfield value="{!ghostacc[c.fieldPath]}" required="true" style="white-space: nowrap; position: relative;"/> 
    </apex:repeat>      
</apex:pageblocksection>

有人知道这是否可能吗?

1 个答案:

答案 0 :(得分:0)

我不知道是否可以使用警报服务,但是如果使用对话框,则看起来很容易自定义。

<ng-template #dialogTmpl let-context="context">
<p>Custom dialog</i></p>
  <button
    type="button"
    class="btn">
    Custom button text
  </button>
</ng-template>
<button
  type="button"
  class="btn"
  (click)="openDialog({ title: 'Alert!', template: dialogTmpl })">
  Open Dialog
</button>

在.ts中:

import { DialogService } from '@swimlane/ngx-ui';
@Component({
  selector: 'app',
  templateUrl: './app.template.html'
})
export class AppComponent {
  @ViewChild('dialogTmpl') dialogTpl: TemplateRef<any>;
  constructor(public dialogMngr: DialogService) { }
  openDialog(options): void {
    this.dialogMngr.create(options);
  }
}