Question

我有一个angularjs项目，我尝试使用Vuejs创建以角度方式制作的网页。

我一直在阅读vuejs的文档但我无法弄清楚如何处理.twig文件中使用angular的变量。

例如，如果我有这样的事情：

<section id="ProjectController">
    <div class="list-default list-lg">
        <a class="animated fade-in-right" v-for="project in projects" ng-href="{% verbatim %}{{ project.url }}{% endverbatim %}">
            <project project-on-delete="onDelete" project-show-delete-action="true" project-allow-delete="project.ownerId == user.id" project-show-progress="true" project-show-status="true"></project>
        </a>
    </div>
</section>

我知道ng-controller = id，ng-repeat = v-for

我有这个基本的js：

    var ProjectController = new Vue({
      ready: function () {
        this.fetchUsers();
      }
      el: '#ProjectController',
      data: {
        projects: null
      },
      methods:{
       getProjects: function(){ 
         this.projects = JSON.parse('array with cluster, id, name, ownerId, etc');
    }
  },
  mounted: function () {
    this.getProjects();
  }
})

现在，我如何在json数组中访问这些变量（如project或id）？

Answer 1

您可以这样做：

var projectCtrl = $("#ProjectController").scope();

修改

如果`项目＆＃39;指令具有隔离范围，那么您必须使用
进入其范围
var projectDirectiveCtrl = $("#ProjectController project").isolateScope();

或

var $project = angular.element("[id='ProjectController']").scope();

因为jqLite不支持#选择器

如何使用vuejs访问angularjs处理的变量？

1 个答案: