Javascript 角度JS控制器功能未触发_Javascript_Angularjs

Javascript 角度JS控制器功能未触发

javascript angularjs

Javascript 角度JS控制器功能未触发,javascript,angularjs,Javascript,Angularjs,我正在制作一个简单的angular js应用程序，但是控制器函数“GetListings（）”没有启动 <body ng-controller="pageController"> <div id="wrapper"> <h1>Find Locations</h1> <p>Category:<br/><select id="category" name="category">

我正在制作一个简单的angular js应用程序，但是控制器函数“GetListings（）”没有启动

<body ng-controller="pageController">
    <div id="wrapper">
        <h1>Find Locations</h1>
        <p>Category:<br/><select id="category" name="category">
                            <option value="associate">associate</option>
                            <option value="contractor">contractor</option>
                            <option value="either" selected="selected">either</option>
                        </select></p>
        <p>Enter zip code:<br/><input type="text" id="zipcode" name="zipcode" size="20"></p>
        <p>Enter radius (mi):<br/><input type="text" id="radius" name="radius" size="20"></p>
        <p><input type="button" id="lookup" value="lookup locations" ng-click="GetListings()"></p>
    </div>
    <div id="content">
        <div id="mainArea">
            <div class="directoryEntry" ng-repeat="listing in listings">
                <h4>{{listing.name}}</h4>
            </div>
        </div>
    </div>
</body>

listings.name属性正确呈现（a、b、c、d）。但“e”不会被添加。

更改行，如下所示

<body ng-controller="pageController" ng-app>

至少需要在angularjs中使用ng应用程序

我看不出你的代码有任何错误

我创建了一个用div代替body的项目，一切都按预期进行。您使用的是哪个版本的Angular

<div ng-app>
  <div ng-controller="pageController">
      ....
  </div>
</div>


....

根据您的代码，当您单击“查找位置”按钮时，将调用

GetListings（）

根据你的评论,

它应该出现在ng repeat中，对吗？它应该出现在页面上。鉴于第一个console.log没有启动，我怀疑它是否会进入GetListings函数

假设您想在开始时调用

GetListings（）

，我已经在开头列出了“e”的地方分叉了。您只需在controller中调用一次函数，就可以在列表中推送“e”。

如何检查是否添加了{name:“e”}？它应该显示在ng repeat中，对吗？它应该出现在页面上。鉴于第一个console.log没有启动，我怀疑它是否进入了GetListings功能。您的代码似乎还可以。检查。我有一个子目录，所以它一定回到了根目录。它工作正常：我已经有了。这是有效的，因为它显示了前四个列表。如果您在html标记中添加ng app，那么它必须有效。这是我的工作。

<div ng-app>
  <div ng-controller="pageController">
      ....
  </div>
</div>