Javascript 内部ng show事件未触发看起来像图像_Javascript_Html_Angularjs_Json_Ajax

Javascript 内部ng show事件未触发看起来像图像

javascript html angularjs json ajax

Javascript 内部ng show事件未触发看起来像图像,javascript,html,angularjs,json,ajax,Javascript,Html,Angularjs,Json,Ajax,在我的代码中的ng show div内没有触发java脚本事件。请在下面的plnkr链接中找到我的代码从json加载数据后，我将ng show设置为true。但是在div中我有一个按钮，它不允许执行任何js事件。对我来说，它看起来像一幅图像。请帮我知道哪里出了问题这是我的密码 <body ng-controller="ArtSearch"> <div ng-show="isShow"> <table class="tbl_cls">

在我的代码中的ng show div内没有触发java脚本事件。请在下面的plnkr链接中找到我的代码

从json加载数据后，我将ng show设置为true。但是在div中我有一个按钮，它不允许执行任何js事件。对我来说，它看起来像一幅图像。请帮我知道哪里出了问题

这是我的密码

<body ng-controller="ArtSearch">
    <div ng-show="isShow">
        <table class="tbl_cls">
            <tr ng-repeat="item in names">
                <td>{{item.artistName}}</td>
                <td>{{item.trackName}}</td>
                <td>{{item.artworkUrl30}}</td>
                <td>{{item.shortDescription}}</td>
            </tr>
        </table>
        <div align="center">
            <button value="asdf"></button>
            <a href="#" class="button">Search</a>
        </div>
    </div>
    <div id="searchForArt">
        //some code
        <div align="center">
            <a href="#searchForArtist" class="button" ng-click="searchCall()">Search</a>
        </div>
    </div>
</body>

  [1]: http://plnkr.co/edit/kGqk8x?p=preview


{{item.artistName}
{{item.trackName}
{{item.artworkUrl30}
{{item.shortDescription}}
//一些代码
[1]: http://plnkr.co/edit/kGqk8x?p=preview

您需要做的一件事是将

$scope.isShow=true

移动到您的承诺中，如下所示：

$http.get("http://itunes.apple.com/search?term=jack&limit=4")
    .then(function(response) {    
        $scope.names = response.data.results;
        $scope.isShow=true;
    });

但即使这样也不能解决你的问题。我很确定你永远不会点击你的

。然后

，因为你是如何编写http请求的。它每次都会作为跨源请求被阻止。如果您想自己查看，请打开浏览器控制台并尝试单击“搜索”按钮。查看如何使用jsonp绕过此问题。

加载新内容时，您将调用什么函数？从json文件加载一些值。如果关闭JavaScript，json将无法工作。TMKI已解决ajax问题。请帮我找到问题的答案。我的问题与ajax/从json加载数据无关。