Question

我真的不确定为什么这段代码在我的JSFiddle中不起作用。任何帮助将不胜感激！

编辑：只是说出来，这些挫折真的令人沮丧。我不知道我应该知道多少（或者至少没有一些人认为值得的那么多），但提问是我将如何理解更多。这有什么问题？

HTML：

<body ng-app="myApp" ng-controller="myController">
    <div class="test">
    </div>
</body>

CSS：

.test{
    width: 50px;
    height: 50px;
    background-color: orange;
}

JS：

var app = angular.module("myApp", []);
app.controller("myController", ["$scope", function($scope) {
    $(".test").css("height", "100px")
}]);

FIDDLE：https://jsfiddle.net/td5n6cf8/

Answer 1

简单的解决方案配合，你只是忘了将JQuery库添加到你的JSFiddle。

要在左侧导航栏的JSFiddle中添加它，在其中显示外部资源并输入网址：https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js

或者（在JSFiddle之外更实用）：

<body ng-app="myApp" ng-controller="myController">
  <div class="test">
  </div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>

容易做到。

免责声明：使用有效的CDN或下载您喜欢的任何JQuery版本，截至今日JQuery 3.0.0-alpha1是最新版本

为什么Jquery不能使用Angular控制器？

1 个答案: