javascript - 如何从另一个 View 中清除一个 View 的输入值？

Question

我的场景非常简单直接。但我无法获得准确的输出。

在我的例子中，我有两个名为 Index.htm、Main.htm 的 html 页面和一个名为 mscript.js 的脚本页面。 Index.htm 由一个按钮(清除)组成，Main.htm 由一个输入类型字段作为文本组成。

我想要的是:

单击按钮(从索引 View )时，必须清除用户在输入类型字段(从主视图)中输入的文本。

我试过的是

我用过配置 block 。

索引.htm:

<div data-ng-app="mangular">
    <div data-ng-controller="mcontroller">Strictly for Demo Purpose
        <br />
        <br />
        <br />
        <div data-ng-view=""></div>
        <br />
        <button type="submit" data-ng-click="clear()">Clear</button>
    </div>
</div>

主.htm

<div>
  Type your Name : 
  <input type = "text" data-ng-model = "demotext" />
</div>

mscript.js

 var mangular = angular.module('mangular', ['ngRoute']);

mangular.config(function ($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: 'Main.htm'
    })
});

mangular.controller('mcontroller', function ($scope) {

    //var test = mfactory.getinput();
    $scope.clear = function () {
        $scope.demotext = ""; // This is the place where I'm expecting solution
    }
});

Answer 1

使用$broadcast，angularjs 的内置服务。在第一页按钮上单击广播内容，在第二页中接收广播事件并清除输入元素上的数据。

来自 mcontroller

$rootScope.$broadcast("cleardata", anyObject);  // here you are broadcasting some data which is identified the a name/key that is for this example 'cleardata'

在 Main.htm 的 Controller 中

$rootScope.$on("cleardata", function (event, objectData) {
    // do whatever you want and clear the textbox
});