angularjs-------作用域$rootScope ,$scope

最新推荐文章于 2023-06-28 05:30:00 发布

Y4258

最新推荐文章于 2023-06-28 05:30:00 发布

阅读量222

点赞数

分类专栏： angularJS

本文链接：https://blog.csdn.net/Y4258/article/details/113860632

版权

angularJS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这篇博客展示了如何在AngularJS应用中将控制器的定义移至外部JS文件，以便于代码组织和维护。示例中，`myCtrl`控制器被定义在`controller.js`中，用于管理页面上显示和交互的数据，包括`llr`、`last`和`lastname`等变量，并实现`fullName()`函数来组合这些值。

摘要由CSDN通过智能技术生成

把控制器存储到外部文件

<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <h1>{{lastname}}</h1>
        <input ng-model="llr">
        <h1>{{llr}}</h1>
        <h1>{{last}}</h1>
        结合：{{fullName()}}
    </div>
    <!-- 把控制器存储到外部文件 -->
    <script src="./controller.js"></script>
</body>

外部js控制器

var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope,$rootScope){
    $scope.llr = 'lllll';
    $scope.last = 'aaa';
    $rootScope.lastname = 'Refs';
    $scope.fullName = function () {
        return $scope.llr +" " +$rootScope.lastname;
    };
    $scope.pirce = 9.99;
    $scope.laa = 1;
    $scope.names=[{name:'llr',age:12},{name:'page',age:11}]

    
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Y4258

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs-------作用域$rootScope ,$scope

把控制器存储到外部文件<body> <div ng-app="myApp" ng-controller="myCtrl"> <h1>{{lastname}}</h1> <input ng-model="llr"> <h1>{{llr}}</h1> <h1>{{last}}</h1> 结合：{{fullName()
复制链接

扫一扫