Javascript 在里面调用angularjs

作为一个相当新的开发人员，在这方面我真的不太了解。 我试图在我的HTML中使用angularjs

这是我目前的代码：

<div class="contentContainer" ng-controller="sectionController">
            <div id="sectionContainer" ng-repeat="section in sections">
                <div id="section{{ section.id }}">
                    <h3 class="sectionTitle">{{ section.title }}</h3>
                    <script>
                        $('.link1').click(function(event){
                            $('#section1').scrollView();
                        });

                        $.ajax({
                            url : '../src/text/section1.txt',
                            dataType: 'text',
                            success : function (data) {
                                $('#section1').append(data);
                            },
                        });
                    </script>
                 </div>
            </div>  
        </div>

{{section.title}}
$（'.link1'）。单击（函数（事件）{
$（'#section1'）。scrollView（）；
});
$.ajax({
url:“../src/text/section1.txt”，
数据类型：“文本”，
成功：功能（数据）{
$（'第1节'）。追加（数据）；
},
});

我希望它能这样做：

<div class="contentContainer" ng-controller="sectionController">
            <div id="sectionContainer" ng-repeat="section in sections">
                <div id="section{{ section.id }}">
                    <h3 class="sectionTitle">{{ section.title }}</h3>
                    <script>
                        $('.link{{ section.id }}').click(function(event){
                            $('#section{{ section.id }}').scrollView();
                        });

                        $.ajax({
                            url : '../src/text/section{{ section.id }}.txt',
                            dataType: 'text',
                            success : function (data) {
                                $('#section{{ section.id }}').append(data);
                            },
                        });
                    </script>
                </div>
            </div>  
        </div>

{{section.title}}
$（'.link{{section.id}}'）。单击（函数（事件）{
$（'#section{{section.id}}'）。scrollView（）；
});
$.ajax({
url:“../src/text/section{{section.id}}}.txt”，
数据类型：“文本”，
成功：功能（数据）{
$（'#section{{section.id}}'）。追加（数据）；
},
});

这是可能的，还是我必须为页面的每个部分复制相同的代码

---

提前感谢

尝试类似$（'.link'+{{section.id}}+'）。单击（函数（事件）{$（'#section'+{{section.id}}}+'）。滚动视图（）；}）；需要使用指令在angular中初始化jQuery插件。。至于ajax，您不应该自己构建dom，应该让angular基于您的数据模型来为您构建dom。首先，这更像是jquery而不是angular。其次，您应该将这些函数调用添加为服务或控制器方法；现在，这个脚本的副本和你的章节一样多，这可能不是你的目的。只是不要。。。这是错误的做法。即使你奇迹般地做到了这一点，你也不可避免地会遇到问题，没有人能够帮助你，因为你所做的违背了所有良好（忘记最佳）实践。请，关于Angular，暂时忘掉jQuery。你是不是建议我用Angular重写我所有的jQuery代码？