JSFiddle 不运行我的 AngularJS 代码答案

【问题标题】：JSFiddle does not run my AngularJS codeJSFiddle 不运行我的 AngularJS 代码
【发布时间】：2015-10-20 08:02:24
【问题描述】：

在textarea 中输入并单击button 后，我想使用AngularJS 删除textarea 中的文本。请参考以下小提琴：

http://jsfiddle.net/aman2690/2Ljrp54q/10/

还在继续

Error: [$injector:modulerr] Failed to instantiate module MyApp due to:
[$injector:nomod] Module 'MyApp' is not available!

即使将 ng-model 设置为 '' ，textarea 也不会清理。

【问题讨论】：

标签： javascript angularjs textarea jsfiddle angularjs-ng-click

【解决方案1】：

你的逻辑很好。你的 JSFiddle 不是。将框架选项设置为No Wrap - in <head>。

【讨论】：

【解决方案2】：

您需要更改您的 plunker No wrap - in <body> 并将 <body ng-app="MyApp"> 添加到 Fiddle Options。

这里是一个例子：jsfiddle

【讨论】：

【解决方案3】：

需要在控制器中使用$scope $scope 充当模型。检查下面的链接

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

var app = angular.module('MyApp', []);
app.controller('MainCtrl', function ($scope) {
    $scope.message = '';
    $scope.clicked = function () {
      console.log("here");
        $scope.message = '';
    };
});

【讨论】：

【解决方案4】：

当 JSFiddle 出现控制台错误时，将您的代码从 JSFiddle 复制并粘贴到本地 HTML 文件中，并且代码按预期工作。

【讨论】：