Angularjs doesnot print from function

Angularjs doesnot print from function

本文关键字：function from print doesnot Angularjs      更新时间：2023-09-26
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
    <div ng-app="canerApp" ng-controller="canerCtrl">
        <br> {{text}}f
    </div>
<script type="text/javascript">
var app = angular.module('canerApp', []);
app.controller('canerCtrl', function($scope){
    $scope.text ="ff";
});
</script>
</body>
</html>

this works and print 

fff

你可以在这里看到

http://plnkr.co/edit/gP2NcC38JPsabQFacGkb?p =

预览

但这不起作用

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
    <div ng-app="myApp" ng-controller="myController">
        <br> {{text}}f
        <br> {{text}}fh
    </div>
<script type="text/javascript">
var app=  angular.module('myApp',[]);
app.controller('myController', function($scope){
    $scope.text="afasfa";
});
</script>
</body>
</html>

可以在这里看到https://plnkr.co/edit/1I90i5ANdrA6OUmZry65?p=preview

除了控制器名和应用程序名之外，它们完全相同。

我花了一个小时还是没弄明白。而且也找不到在线错误查找器来验证是否一切都为真。

实际上不同之处在于，在你的第一个代码中，你使用的是http协议plnkr，在你的第二个代码中，你使用的是https plnkr，并使用http协议angular库。

所以只要在脚本标签中将协议更改为https。

感谢@Ashu Jha提供的plink https://plnkr.co/edit/ivUsQBpop2864XP9s81s?p=preview

我通常使用code.angular.org作为我的angular cdn站点。如果你的http到https是错误的。你可以直接使用浏览器的控制台选项卡找到这些bug在这种情况下，错误是

"Mixed Content: The page at 'https://plnkr.co/edit/1I90i5ANdrA6OUmZry65?p=preview' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js'. This request has been blocked; the content must be served over HTTPS."

尝试使用https。

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
<body>
    <div ng-app="myApp" ng-controller="myController">
         <br> {{text}}f
    </div>
    <script type="text/javascript">
        var app=  angular.module('myApp',[]);
        app.
        controller('myController', function($scope){
            $scope.text="afasfa";
        });
    </script>
</body>
</html>
相关文章：