Javascript 使用不同文件中的角度指令访问js文件中定义的变量

我有一个js文件来使用Web服务，在这里我定义了一个数组，我想在ng repeat指令中使用它。 这就是我现在所拥有的

html

---

在使用AngularJS时，试着忘记一点jQuery。 用于获取您的数据。如果没有控制器，您的html将无法工作

请参见下面的工作示例（不要忘记将API密钥添加到URL）：

angular.module（'app'，[]）
.controller（“Ctrl”，函数（$scope，$http）{
var ctrl=this；
ctrl.articles=[]；
$http.get(
'https://newsapi.org/v1/articles?source=google-新闻&sortBy=top&apiKey=
)
.然后（功能（响应）{
angular.forEach（response.data.articles，函数（value））{
ctrl.articles.push({
标题：value.title，
description:value.description，
来源：value.url，
imgSource:value.urlToImage，
日期：value.publishedAt
});
});
});
});

内容为{article.title}
{{article.description}}

在使用AngularJS时，试着忘记一点jQuery。
用于获取您的数据。如果没有控制器，您的html将无法工作

请参见下面的工作示例（不要忘记将API密钥添加到URL）：


angular.module（'app'，[]）
.controller（“Ctrl”，函数（$scope，$http）{
var ctrl=this；
ctrl.articles=[]；
$http.get(
'https://newsapi.org/v1/articles?source=google-新闻&sortBy=top&apiKey=
)
.然后（功能（响应）{
angular.forEach（response.data.articles，函数（value））{
ctrl.articles.push({
标题：value.title，
description:value.description，
来源：value.url，
imgSource:value.urlToImage，
日期：value.publishedAt
});
});
});
});

内容为{article.title}
{{article.description}}

scopeArticles
和
articles
是不同的变量！另外，最好使用
$http
服务（在控制器内部）而不是
$。ajax
可以使其看起来更具角度性。scopeArticles
和
articles
是不同的变量！另外，最好使用
$http
服务（在控制器内部）而不是
$。ajax
使其看起来更具角度性，工作起来很有魅力。我正在学习html和jquery，我决定添加angularjs，所以感谢您的帮助，我的工作非常有魅力。我正在学习html和jquery，我决定添加angularjs，因此感谢您的帮助
<article ng-repeat="article in scopeArticles">
    <h1 class="content">content is {{article.title}} </h1>
    <img src="{{article.imgSource}}" href="{{article.source}}"/>
    <p>{{article.description}}</p>
</article>

  var articles = [];

$(document).ready(function () {

    $.ajax({
        url: "https://newsapi.org/v1/articles?source=google-news&sortBy=top&apiKey=001034455"
    }).then(function (data) {
        $.each(data.articles, function (key, value) {
            articles.push({
                title: value.title,
                description: value.description,
                source: value.url,
                imgSource: value.urlToImage,
                date: value.publishedAt
            });

        })

    })

});