html硬编码,如何让JavaScript从HTML而不是硬编码数据读取？

HTML：

Search for a country:

• {{ x.country }}

的javascript：

var app = angular.module('myFirstApp', []);

app.controller('countriesController', function($scope) {

$scope.countryList = [

{country:'Argentina'},

{country:'Brazil'},

{country:'Chile'},

{country:'Colombia'},

{country:'Paraguay'},

{country:'Panama'},

{country:'Andorra'}

];

});

到目前为止，我可以输入到一个盒子里，只返回匹配文本的国家。 我想做的事情。首先，如上所示，国家列表被硬编码到JavaScript中。如果我有在HTML文件中像这样一个标准的无序列表：

• Argentina
• Brazil
• Chile
• Colombia
• Paraguay
• Panama
• Andorra

我怎样才能拿到剧本使用这个数据，而不是它是硬编码到JS。 另一个较小的查询是如何让js做不同的模式。例如，如果我现在输入'a'，所有返回'a'的国家。但我只希望在这种情况下返回以A开头的国家。

感谢

+0

所以，你希望有一个“硬编码”列表中的DOM(标记)和比JS读出来？比为什么使用angularjs在第一个地方？ - >你可以用jQuery或VanillaJS –