Javascript 函数在新的 innerHTML 中不起作用

Question

我是 angular js 的新手，我正在使用 monaca ide 制作一个使用 onsen-ui 的混合应用程序，我编写了以下代码以及响应时来自服务器，它没有使用 javascript 方法，例如最后一行的 {{"hello"}} 在浏览器中仅显示为 {{"hello"}} 并且因为其中我认为新代码不遵循 javascript 文件

的规则

                  this.find=function(){
    //ajax start
    
            $http({
    method :"POST",
    url : "http://www.ashishmalgawa.xyz/rakt/finder.php",
   headers: {
   'Content-Type': "application/x-www-form-urlencoded; charset=UTF-8"
 },    
   data: "date="+$rootScope.dob
  }).then(function mySucces(response) {
      document.getElementById("results").innerHTML = response.data;
      $scope.search=false;
                
    }, function myError(response) {
      $scope.hellow = response.statusText;
  });
     
    //ajax end         
                   }

<ons-list>
<?php
/* DBMS related code
*/
?>
 <ons-list-item ng-click="" modifier="tappable">
      <?php
            while($r=$re->fetch_assoc()){
                echo $r['name']."<br>";
                echo $r['gender']."<br>";
                echo "$distance kms away";
                
            }
         ?>
    </ons-list-item>
    <?php
    }
     }
}
else{
    echo "No Results Found";
}
$conn->close();         

?>
    </ons-list>
{{"hello"}}

提前致谢:)

Answer 1

不，这行不通，因为 <ons-list> 等不是普通的 html，它是一个 Angular 组件。

您应该 return 一个 JSON 数据，然后以 angular 的方式在客户端呈现它。

Javascript 函数在新的 innerHTML 中不起作用

Javascript functions doesn't work in the new innerHTML

javascript

php

ajax

angularjs

hybrid-mobile-app