Il existe des opérations complexes sur MVC dans AngularJS-js tutoriel-php.cn

Il existe des opérations complexes sur MVC dans AngularJS

亚连

Libérer： 2018-06-14 15:20:23

original

1338 Les gens l'ont consulté

Ci-dessous, je vais partager avec vous un exemple d'opérations complexes basées sur MVC dans AngularJS. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Les exemples sont les suivants :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>AngularJS基于MVC的复杂操作案例</title>
  <script type="text/javascript" src="../js/angular.min.js"></script>
 </head>
 <body>
  <!--ng-app="myapp"定义了一个模块-->
  <p ng-app="myapp" ng-controller="myctrl">
   <p>
    <!--ng-model模型作用-->
    <input type="text" name="name" ng-model="name" />
    <!--提供按钮-->
    <input type="button" value="清空" ng-click="clearVal()" />
   </p>
   <p>
    <!--{{}}等价于ng-bind用于数据显示-->
    hello,{{name}}
   </p>
  </p>
 </body>
 <script type="text/javascript">
  //初始化myapp模块
  var myapp = angular.module("myapp",[]);
  //定义模块的控制器
  //依赖注入，$scope作用域对象，操作当前作用域视图
  myapp.controller("myctrl",["$scope",function($scope){
   //对模型进行初始化赋值
   $scope.name = "你我他学习吧";
   //在作用域提供clearVal点击事件
   $scope.clearVal = function(){
    //模型设置为空
    $scope.name = "";//清空输入框内容
   }
  }]);
 </script>
</html>

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'il sera utile à tout le monde. à l'avenir.

Articles associés :

À propos de l'implémentation du mécanisme de répartition entre les composants parents et enfants de Vue2.0 (tutoriel détaillé)

Comment implémentez-le en utilisant vue-ssr Rendu côté serveur

Comment utiliser l'historique pour contrôler le routage dans React-Router (tutoriel détaillé)

Comment utiliser jqprint pour imprimer le contenu de la page

Utiliser js pour implémenter WeChat pour évoquer Alipay pour recevoir des enveloppes rouges (tutoriel détaillé)

Comment utiliser Gulp pour implémenter la modularisation de pages Web statiques ? Comment le faire spécifiquement ?

Comment intégrer vux dans vue.js pour réaliser le chargement pull-up et l'actualisation déroulante

Problème 404 signalé dans le webpack concernant le Fichier de ressources du projet vue (Tutoriel détaillé)

Utilisation de webpack+vue2 pour la construction de projets