Javascript Ng模型未按预期工作？_Javascript_Html_Angularjs_Model View Controller_Angular Ngmodel

Javascript Ng模型未按预期工作？

javascript html angularjs model-view-controller

Javascript Ng模型未按预期工作？,javascript,html,angularjs,model-view-controller,angular-ngmodel,Javascript,Html,Angularjs,Model View Controller,Angular Ngmodel,我有一个文本框，它通过ng model=sampleValue 现在，我的要求是每当我点击按钮时，都应该执行show函数，并且文本框的值应该更改为Harish。但这不是我得到的结果。请看一下我在下面编写的代码： var-app=angular.module（“myApp”，[]） app.controller（“主控制器”、[“$scope”、函数（$scope）{ $scope.show=函数（）{ $scope.sampleValue=“Harish”； } }]); 点击这里将ng控

我有一个文本框，它通过

ng model=sampleValue

现在，我的要求是每当我点击按钮时，都应该执行show函数，并且文本框的值应该更改为Harish。但这不是我得到的结果。请看一下我在下面编写的代码：

var-app=angular.module（“myApp”，[]）
app.controller（“主控制器”、[“$scope”、函数（$scope）{
$scope.show=函数（）{
$scope.sampleValue=“Harish”；
}
}]);

点击这里
将ng控制器移动到车身标签：

var-app=angular.module（“myApp”，[]）
app.controller（“主控制器”、[“$scope”、函数（$scope）{
$scope.show=函数（）{
$scope.sampleValue=“Harish”；
}
}]);

点击这里
将ng控制器移动到车身标签：

var-app=angular.module（“myApp”，[]）
app.controller（“主控制器”、[“$scope”、函数（$scope）{
$scope.show=函数（）{
$scope.sampleValue=“Harish”；
}
}]);

点击这里
当前您已在输入元素上应用了ng controller
，这意味着控制器作用域仅限于input
DOM，因此show
方法将不会得到调用。您应该将ng控制器
移动到包装器元素（这里是它的主体
）

点击这里

当前您已将ng controller
应用于input元素，这意味着controller作用域仅限于input
DOM，因此show
方法将不会得到调用。您应该将ng控制器
移动到包装器元素（这里是它的主体
）

点击这里

将ng控制器
放入主体或某个父级div
。您正在输入类型中使用ng控制器

试试这个


angular.module（'myApp'，[]）
.controller（'myCtrl'，函数myCtrl（$scope，$filter）{
$scope.showValue=函数（）{
$scope.sampleValue=“Harish”；
}
})
点击这里
将ng控制器
放入主体或某个父级div
。您正在输入类型中使用ng控制器

试试这个


angular.module（'myApp'，[]）
.controller（'myCtrl'，函数myCtrl（$scope，$filter）{
$scope.showValue=函数（）{
$scope.sampleValue=“Harish”；
}
})
点击这里

var-app=angular.module（“myApp”，[]）
app.controller（“主控制器”、[“$scope”、函数（$scope）{
$scope.show=函数（）{
$scope.sampleValue=“Harish”；
}
}]);

点击这里

var-app=angular.module（“myApp”，[]）
app.controller（“主控制器”、[“$scope”、函数（$scope）{
$scope.show=函数（）{
$scope.sampleValue=“Harish”；
}
}]);

点击这里

昂
Ng显示Ng隐藏
单击“显示”链接以查看内容
隐藏
它将出现在这里
这是mah内容，哟！

尝试执行上面的代码，您可能会对代码有一个想法。

昂
Ng显示Ng隐藏
单击“显示”链接以查看内容
隐藏
它将出现在这里
这是mah内容，哟！

尝试执行上面的代码，您可能会对您的代码有所了解。
您的控制器范围仅限于输入文本框
   <body ng-app = "myApp">
      <div ng-controller="mainController">
      <input  type="text" ng-model="sampleValue"/>
      <button ng-click="show()">Click Here</button>
      </div>
   </body>


点击这里
您的控制器范围仅限于输入文本框
   <body ng-app = "myApp">
      <div ng-controller="mainController">
      <input  type="text" ng-model="sampleValue"/>
      <button ng-click="show()">Click Here</button>
      </div>
   </body>


点击这里
事实上，您在输入标签上使用了ng控制器。因此，外部输入标记内部控制器功能将不起作用。你的js完全可以。你只需要更改html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <body ng-app = "myApp" >
    <input  type="text" ng-model="sampleValue"/>
    <button ng-click="show()">Click Here</button>
    </body>


点击这里
事实上，您在输入标签上使用了ng控制器。因此，外部输入标记内部控制器功能将不起作用。你的js完全可以。你只需要更改html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <body ng-app = "myApp" >
    <input  type="text" ng-model="sampleValue"/>
    <button ng-click="show()">Click Here</button>
    </body>


点击这里
这是可行的，但将控制器放置在body标记和body标记内的元素中有什么区别？？两者应该是相同的，我猜？？ng控制器必须在ng模型之前，因为模型变量或范围在控制器下。这正在工作，但将控制器放置在主体标记和主体标记内的元素中有什么区别？？两者应该是相同的，我想，ng控制器必须在ng模型之前，因为模型变量或范围在控制器的范围之内。但是，将控制器放置在父标签中有什么区别？如果将控制器放置在父标签中，那么它将在所有子标签中可用，那么只有您能够从视图访问控制器
，或者能够调用任何函数。谢谢。但是将控制器放置在父标记中有什么区别呢？如果将控制器放置在父标记中，那么它将在所有子标记中可用，那么只有您能够从视图访问控制器
，或者能够调用任何函数。