Question

HTML：

<body ng-app="myApp" ng-controller="myCtrl">
<input ng-model="msg" />
<p my-dctv >
    {{msg | myUpperFilter }}
</p>

// the main (app) module
var myApp = angular.module("myApp", []);

// add a controller`enter code here`
myApp.controller("myCtrl", function($scope) {
    $scope.msg = "hello world";
});

// add a filter
myApp.filter("myUpperFilter", function() {
    return function(input) {
        return input.toUpperCase();
    }
});

// add a directive
myApp.directive("myDctv", function() {
    return function(scope, element, attrs) {
        element.bind("mouseenter", function() {
            element.css("background", "yellow");
        });            
        element.bind("mouseleave", function() {
            element.css("background", "none");
        });            
    }
});

错误消息：无模块：myApp

这是我的小提琴工作块 enter link description here

我只是从中复制 enter link description here

外部资源也已复制。

Answer 1

除了包含angularjs文件外，您已完成所有操作。虽然，您已将其添加为外部文件，但建议您从 jsFiddle 本身的可用列表中添加。

在 javascript 部分，在右上角，有一个设置的图标，点击它，它会打开一个弹出窗口，询问一些东西

在其中选择以下内容：

LANGUAGE＆gt;的Javascript
FRAMEWORKS＆amp;扩展＆gt; AngularJS 1.2.1（或任何其他版本）
装载类型＆gt;没有包裹头
FRAMEWORK SCRIPT ATTRIBUTE＆gt; （不要改变）

通过这种方式，您将能够看到您的代码在 jsFiddle 中运行。

为了您的参考，我已将您的代码分解为一个新代码。

请参阅Demo。

为什么我的简单角度例子不适用于小提琴？

1 个答案: