如何解决Yotpo评论和星级未随路线更改而增加-角度5+
在我的角度应用程序中,我在产品的角度页面中集成了yotpo评分和评论小部件。但是在转到另一页的路线上,缺少小部件。脚本已正确加载,但小部件不见了。在页面重新加载时,它也会回来。 以下是评分的html代码
<div class="yotpo bottomLine" data-appkey="<appkey>"
data-domain="<domain>" data-product-id="<productId>"
data-name="<productName>" data-url="<Url>">
</div>
解决方法
页面init之后,只需调用yotpo的initWidgets方法刷新窗口小部件,如下所示,可以在ngoninit或ngafterviewinit中调用
Widget build(BuildContext context) {
return ChangeNotifierProvider(
create: (_) => LoginPageModel(),child: Consumer<LoginPageModel>(
builder: (context,model,_) {
return Scaffold(
body: Center(
child: Form(
key: _formKey,child: Padding(
padding: const EdgeInsets.all(60.0),child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15)),child: Column(
mainAxisSize: MainAxisSize.min,children: [
Padding(
padding: const EdgeInsets.all(15.0),child: Text(
'Log in',style: Styles.titleTextStyle(),),Padding(
padding: const EdgeInsets.all(15.0),child: TextFormField(
decoration: Styles.textFormFieldDecoration(
labelText: 'Data Source',controller: _dataSourceController,validator: (value) =>
value.isNotEmpty ? null : 'Required Field',child: TextFormField(
decoration: Styles.textFormFieldDecoration(
labelText: 'Username',controller: _usernameController,child: TextFormField(
obscureText: true,decoration: Styles.textFormFieldDecoration(
labelText: 'Password',controller: _passwordController,child: FlatButton(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),side: BorderSide(
style: BorderStyle.solid,color: Colors.grey)),child: Text(model.isLoading
? 'Logging In . . '
: 'Submit'),onPressed: () async {
if (_formKey.currentState.validate()) {
model.login(
_dataSourceController.text,_usernameController.text,_passwordController.text,context,);
}
},child: model.isLoading
? CircularProgressIndicator()
: Container(),],);
},));
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。