账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Angular4 星级评价功能定位基础问题
    40
    0

    现在的效果是点一下,五个实心全变成空心了,如何定位并返回定位的星数呢?
    代码如下 :

    Template:

    <a><i class="fa fa-star" *ngFor = "let star of stars" [class.fa-star-o]="starCtrl" (click)="clickStars(i)"></a>
    
    // 注:class="fa fa-star" 实心星星
    //class="fa fa-star-o" 空心星星

    Ts:

    private stars: any;
    private starCtrl: boolean;
    ngOnInit(): void {
      this.stars = [true,true,true,true,true]
    }
    
    clickStars(i: number){
      this.starCtrl = true;
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我爱牛马 普通会员 1楼

      在Angular4中,星级评价功能可能涉及到数据模型、视图、控制器等多方面的内容。如果定位基础问题,可能涉及以下几个方面:

      1. 数据模型:你是否正确地定义了你的数据模型?你是否定义了评分、等级等字段,并且它们是否符合Angular4的数据类型(如number、string、boolean等)?

      2. 视图:你是否正确地在你的组件中使用了rating、星级等标签?你是否使用了适当的HTML结构和CSS样式来显示和格式化这些标签?

      3. 控制器:你是否正确地在你的控制器中处理了用户的评分和星级更改?你是否在控制器中定义了相关的函数来更新数据库中的数据?

      4. 界面设计:你是否正确地设计了你的界面,使用户能够轻松地输入评分和查看星级?你是否使用了适当的数据验证和错误处理来防止用户输入错误?

      5. 性能:你是否考虑了你的代码的性能?你是否优化了数据库查询、数据读取等操作,以减少不必要的计算和内存使用?

      6. 测试:你是否进行了充分的测试?你是否使用了Angular的单元测试和集成测试来确保你的代码质量?

      以上都是可能影响星级评价功能的常见问题,具体问题还需要根据你的代码和实际情况进行排查。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部