Question

我在this link的帮助下，在我的angular5应用程序中使用了3.1.0的“ ngx-smart-modal”版本。当我给出了官方教程中提到的默认参数时，它将无法正常工作。

  <ngx-smart-modal #myModal identifier="myModal" dismissable="false">
   <h1>hello</h1>
 </ngx-smart-modal>

在上面的代码中，我试图将dismissable参数设置为false，以防止在单击背景时关闭模态，但是它不起作用。如何在ngx-smart-modal中传递这些参数？

Answer 1

尝试属性绑定。这不是'ngx-smart-modal'的问题

[dismissable]="false"

这对我有用。

Answer 2

正如Anjula所说，这是一个属性绑定问题，而不是库本身的问题。

您可以通过多种方式将数据传递到组件中（例如export class CalendarDemo { date1: string; ngOnInit() { let today = new Date(); this.date1 = today.getMonth() + '/' + today.getDate() + '/' + today.getFullYear(); } }选项）

identifier
identifier="myModal"

在以上两个示例中，组件接收的值为[identifier]="'myModal'"（作为'myModal'）

但是这里：

String
option="false"

第一个示例将数据作为布尔（[option]="false"）传递，第二个示例将其作为字符串（'false'）传递。

所有不带false的属性绑定都将数据作为[...]传递。

String选项等待一个布尔值，因此，将其作为布尔值发送的唯一方法是以下形式：[dismissable]。

有关可用选项的完整文档为here。对于每个选项，在括号之间标记等待的类型。

ngx-smart-modal参数在angular5中不起作用

2 个答案: