Question

<!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>

这适用于打印

fff

正如你在这里看到的那样

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

但这不起作用

<!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

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

我花了一个小时但却无法弄明白。并且还找不到在线错误查找器来验证一切是否正确。

Answer 1

实际上不同之处在于，在您的第一个代码中，您正在使用http协议plnkr，而在您的第二个代码中，您正在使用https plnkr并使用http协议用于角度库。

所以只需将协议更改为脚本标记中的https。

感谢@Ashu Jha for plnk https://plnkr.co/edit/ivUsQBpop2864XP9s81s?p=preview

Answer 2

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

"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>

Angularjs不会从函数中打印出来

2 个答案: