찾다

 >  Q&A  >  본문

angular.js - 前后端分离的点赞功能样式问题

我是用vue写的前端页面。点赞和取消点赞api我已经写好了,只需要向api传输文章的id就可以,还有一个判断你是否已经点赞的api,已经文章也是由api获取
现在遇到的问题是,我想在样式上做改变,就是初始化加载页面的时候,就判断好这篇文章你是否点过赞,然后样式是点赞了的样式。但是文章是由v-repeat生成的(类似ng-repeat),我在文章中加入过滤器当前文章是否点过赞,在Ajax的回调改写dom,但由于异步的问题,改写的dom被vue的渲染给无效了。有什么好的办法吗?

我想大声告诉你我想大声告诉你2739일 전644

모든 응답(2)나는 대답할 것이다

  • PHP中文网

    PHP中文网2017-05-15 16:55:56

    저도 비슷한 일을 했지만,angularjs를 사용하고 있습니다
    이전과 동일하지만 좋아요 클래스에 대한 방법을 생각했습니다. 적합한지 확인할 수 있습니다.
    예를 들어 nice는 목록(서버에서 반환) 배열의 부울 값입니다. 판단 지점을 클릭하지 않은 경우 처음 로드할 때 이 값을 사용하여 좋아요 버튼 클래스를 순환합니다
    그런 다음 좋아요 버튼에 ng-click을 추가하여 http를 보냅니다. 전송이 성공한 후 list.nice의 Boolean 값을 변경한 다음 list.nice의 위치를 ​​확인하려면 $index를 전달합니다. http를 캡슐화하는 메서드입니다.
    언급한 dom의 재작성은 실제로 양방향 바인딩의 값을 변경하지 않습니다. 여전히 전통적인 jquery 생각입니다. 바인딩 값을 변경하는 것이 더 적절한 방법입니다.

    회신하다
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 16:55:56

    돔을 수동으로 변경하는 대신 vue의 고유한 방법을 사용하여 스타일을 관리해야 합니다

    회신하다
    0
  • 취소회신하다