笔记整理-20170714-Angularjs

最新推荐文章于 2024-06-18 15:37:04 发布
最新推荐文章于 2024-06-18 15:37:04 发布
阅读量444 收藏 1
点赞数
分类专栏： JS 文章标签： angularjs 
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<style>
input.ng-invalid {
    background-color: lightblue;
}
input.ng-valid {
    background-color: yellow;
}
.animateClass {
  transition: all linear 0.5s;
  background-color: lightblue;
  height: 100px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.ng-hide {
  height: 0;
  width: 0;
  background-color: transparent;
  top:-200px;
  left: 200px;
}
</style>
</head>
<!-- <body> -->

<!-- 变量 -->
<!-- <div ng-app="" ng-init="firstName='John'">

    <p>名字 : <input type="text" ng-model="name"></p>
    <h1>Hello {{name}}</h1>

    <p>姓名为 <span ng-bind="firstName"></span></p>

    <p>我的第一个表达式： {{ 5 + 5 }}</p>

</div> -->

<!-- 字符串连接 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    名: <input type="text" ng-model="firstName"><br>
    姓: <input type="text" ng-model="lastName"><br>
    <br>
    姓名: {{firstName + " " + lastName}}
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.firstName= "John";
        $scope.lastName= "Doe";
    });
</script> -->

<!-- obj 对象 -->
<!-- <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
    <p>姓为 {{ person.lastName }}</p>
</div> -->

<!-- <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
    <p>姓为 <span ng-bind="person.lastName"></span></p>
</div> -->

<!-- 变量运算 -->
<!-- <div ng-app="" ng-init="quantity=1;price=5">
    <h2>价格计算器</h2>
    数量： <input type="number" ng-model="quantity">
    价格： <input type="number" ng-model="price">
    <p><b>总价：</b> {{ quantity * price }}</p>
</div> -->

<!-- 循环遍历数组 -->
<!-- <div ng-app="" ng-init="names=['Jani','Hege','Kai']">
    <p>使用 ng-repeat 来循环数组</p>
    <ul>
        <li ng-repeat="x in names">
            {{ x }}
        </li>
    </ul>
</div> -->

<!-- 循环遍历对象 -->
<!-- <div ng-app="" ng-init="names=[
    {name:'Jani',country:'Norway'},
    {name:'Hege',country:'Sweden'},
    {name:'Kai',country:'Denmark'}]">
    <p>循环对象：</p>
    <ul>
        <li ng-repeat="x in names">
            {{ x.name + ', ' + x.country }}
        </li>
    </ul>
</div> -->

<!-- 激活显示 -->
<!-- <form ng-app="" name="myForm">
    Email:
    <input type="email" name="myAddress" ng-model="text">
    <span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
</form> -->

<!-- 表单域的状态 -->
<!-- ng-model 指令根据表单域的状态添加/移除以下类：
    ng-empty
    ng-not-empty
    ng-touched
    ng-untouched
    ng-valid
    ng-invalid
    ng-dirty
    ng-pending
    ng-pristine -->
<!-- <form ng-app="" name="myForm" ng-init="myText='test@runoob.com'">
    Email:
    <input type="email" name="myAddress" ng-model="myText" required></p>
    <h1>状态</h1>
    {{myForm.myAddress.$valid}}
    {{myForm.myAddress.$dirty}}
    {{myForm.myAddress.$touched}}
</form> -->

<!-- 控制器 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name" type="email">
    <h1>{{greeting}}</h1>
    <h1>{{howAreU}}</h1>
    <button ng-click='sayHello()'>点我</button>
    <button ng-click='testMe()'>点我</button>
</div> 

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.name = "Runoob";
        $scope.sayHello = function() {
            $scope.greeting = 'Hello ' + $scope.name + '!';
        };
        $scope.testMe = function(){
            $scope.howAreU = 'This is a Great ' + $scope.name + '!';
        }
    });
</script>-->

<!-- 作用域 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in names">{{x}}</li>
    </ul>
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.names = ["Emil", "Tobias", "Linus"];
    });
</script> -->

<!-- 根作用域 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <h1>{{lastname}} 家族成员:</h1>
    <ul>
        <li ng-repeat="x in names">{{x}} {{lastname}}</li>
    </ul>
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope, $rootScope) {
        $scope.names = ["Emil", "Tobias", "Linus"];
        $rootScope.lastname = "Refsnes";
    });
</script> -->

<!-- script 隔离 -->
<!-- <div ng-app="myApp" ng-controller="personCtrl">
    First Name: <input type="text" ng-model="firstName"><br>
    Last Name: <input type="text" ng-model="lastName"><br>
    <br>
    Full Name: {{firstName + " " + lastName}}
</div>

<script src="personController.js"></script> -->

<!-- 一个函数到底 -->
<!-- <div ng-app="myApp" ng-controller="namesCtrl">
    <ul>
      <li ng-repeat="x in names">
        {{ x.name + ', ' + x.country }}
      </li>
    </ul>
</div>

<script>
    angular.module('myApp', []).controller('namesCtrl', function($scope) {
        $scope.names = [
            {name:'Jani',country:'Norway'},
            {name:'Hege',country:'Sweden'},
            {name:'Kai',country:'Denmark'}
        ];
    });
</script> -->

<!-- angularjs 过滤器 -->
<!-- 
currency    格式化数字为货币格式。
filter      从数组项中选择一个子集。
lowercase   格式化字符串为小写。
orderBy     根据某个表达式排列数组。
uppercase   格式化字符串为大写。 -->
<!-- <div ng-app="myApp" ng-controller="totalCtrl">
    <p>upper {{ lastName | uppercase }}</p>
    <p>lower {{ lastName | lowercase }}</p>

    <input type="number" ng-model="quantity">
    <input type="number" ng-model="price">
    <p>currency {{ (quantity * price) | currency }}</p>

    <p>Order by Country And Filter</p>
    <p><input type="text" ng-model="test"></p>
    <ul>
        <li ng-repeat="x in names | filter:test | orderBy:'country'">
            {{ (x.name | uppercase) + ', ' + x.country }}
        </li>
    </ul>

</div>

<script>
    var app = angular.module("myApp", []);
    app.controller('totalCtrl', function($scope){
        $scope.lastName = 'Zhou';
        $scope.names = [
            { name: 'zhangsan', country: 'China' },
            { name: 'lisi', country: 'Australia' },
            { name: 'wangwu', country: 'Germany' }
        ];
    });
</script> -->

<!-- 自定义过滤器 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    {{ msg | reverse }}
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.msg = "Runoob";
    });
    app.filter('reverse', function() { //可以注入依赖
        return function(text) {
            return text.split("").reverse().join("");
        }
    });
</script> -->

<!-- location 对象 -->
<!-- <div ng-app="myApp" ng-controller="customersCtrl">
    {{ myUrl }}
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $location) {
        $scope.myUrl = $location.absUrl();
    });
</script> -->

<!-- 【有问题】http 对象 -->
<!-- <div ng-app="myApp" ng-controller="siteCtrl">
    <ul>
        <li ng-repeat="x in names">
            {{ x.Name + ', ' + x.Country }}
        </li>
    </ul>
</div>
<script>
    var app = angular.module('myApp', []);
        app.controller('siteCtrl', function($scope, $http) {
        $http.get("http://www.runoob.com/try/angularjs/data/sites.php")
            .success(function (response) {$scope.names = response.sites;});
    });
</script> -->

<!-- timeout 对象 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    {{ myHeader }}
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope, $timeout) {
        $scope.myHeader = "Hello World!";
        $timeout(function () {
            $scope.myHeader = "How are you today?";
        }, 2000);
    });
</script> -->

<!-- interval 对象 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    {{ theTime }}
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope, $interval) {
        $scope.theTime = new Date().toLocaleTimeString();
        $interval(function () {
            $scope.theTime = new Date().toLocaleTimeString();
        }, 1000);
    });
</script> -->

<!-- 自定义服务 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    {{ hex }}
</div>
<script>
    var app = angular.module('myApp', []);
    app.service('hexafy', function() {
        this.myFunc = function (x) {
            return x.toString(16);
        }
    });
    app.controller('myCtrl', function($scope, hexafy) {
        $scope.hex = hexafy.myFunc(123);
    });
</script> -->

<!-- 自定义服务 - 数组访问 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in counts">{{x | myFormat}}</li>
    </ul>
</div>
<script>
    var app = angular.module("myApp", []);
    app.service('hexafy', function() {
        this.myFunc = function (x) {
            return x.toString(16);
        }
    });
    app.controller('myCtrl', function($scope){
        $scope.counts = [123, 23, 44, 88, 999];
    });
    app.filter('myFormat',['hexafy', function(hexafy) {
        return function(x) {
            return hexafy.myFunc(x);
        };
    }]);
</script> -->

<!-- select -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <select ng-init="selectedName = names[1]" ng-model="selectedName" ng-options="x for x in names">
    </select>
</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.names = ["Google", "Runoob", "Taobao"];
    });
</script> -->

<!-- ng-options 的不同显示 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <select ng-model="selectedSite_1">
    <option ng-repeat="x in sites" value="{{x.url}}">{{x.site}}</option>
    </select>
    <h1>你选择的是: {{selectedSite_1}}</h1>

    <select ng-model="selectedSite_2" ng-options="x.site for x in sites">
    </select>
    <h1>你选择的是: {{selectedSite_2.site}}</h1>
    <p>网址为: {{selectedSite_2.url}}</p>

    <select ng-model="selectedSite_3" ng-options="x for (x, y) in sites_new">
    </select>
    <h1>你选择的值是: {{selectedSite_3}}</h1>

    <select ng-model="selectedCar" ng-options="y.brand for (x, y) in cars"></select>
    <h1>你选择的值是: {{selectedCar}}</h1>
</div>

<script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope){
        $scope.sites = [
            { url: 'http://baidu.com', site: 'baidu' },
            { url: 'http://google.com', site: 'google' },
            { url: 'http://yahoo.com', site: 'yahoo' }
        ];
        $scope.sites_new = {
            site01 : "Google",
            site02 : "Runoob",
            site03 : "Taobao"
        };
        $scope.cars = {
            car01 : {brand : "Ford", model : "Mustang", color : "red"},
            car02 : {brand : "Fiat", model : "500", color : "white"},
            car03 : {brand : "Volvo", model : "XC90", color : "black"}
        };
    });
</script> -->

<!-- 表格 略 -->

<!-- ng-disabled & ng-show & ng-hide -->
<!-- <div ng-app="" ng-init="mySwitch=true;hour=13">
    <p><button ng-disabled="mySwitch">点我!</button></p>
    <p><input type="checkbox" ng-model="mySwitch">按钮</p>
    <p>{{ mySwitch }}</p>
    <p ng-show="true">ng-show true 我是可见的。</p>
    <p ng-show="false">ng-show false 我是不可见的。</p>
    <p ng-show="hour > 12">ng-show hour > 12 我是可见的。</p>
    <p ng-hide="true">ng-hide true 我是不可见的。</p>
    <p ng-hide="false">ng-hide false 我是可见的。</p>
</div> -->

<!-- ng-click -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
    <button ng-click="count = count + 1">点我！</button>
    <p>{{ count }}</p>
</div>
<script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope){
        $scope.count = 1;
    });
</script> -->

<!-- 嵌套函数 -->
<!-- <div ng-app="myApp" ng-controller="personCtrl">

    <button ng-click="toggle()">隐藏/显示</button>

    <p ng-hide="myVar">
        名: <input type="text" ng-model="firstName"><br>
        姓名: <input type="text" ng-model="lastName"><br>
        <br>
        Full Name: {{firstName + " " + lastName}}
    </p>

</div>

<script>
    var app = angular.module('myApp', []);
    app.controller('personCtrl', function($scope) {
        $scope.firstName = "John",
        $scope.lastName = "Doe"
        $scope.myVar = false;
        $scope.toggle = function() {
            $scope.myVar = !$scope.myVar;
        };
    });
</script> -->

<!-- 表单 -->
<!-- <form ng-app="myApp" ng-controller="myCtrl">

    First Name: <input type="text" ng-model="firstname">
    <h1>You entered: {{firstname}}</h1>

    <input type="checkbox" ng-model="myVar_1">
    <h1 ng-show="myVar">My Header</h1>

    <input type="radio" ng-model="myVar_2" value="dogs">Dogs
    <input type="radio" ng-model="myVar_2" value="tuts">Tutorials
    <input type="radio" ng-model="myVar_2" value="cars">Cars

    <select ng-model="myVar_3">
        <option value="">
        <option value="dogs">Dogs
        <option value="tuts">Tutorials
        <option value="cars">Cars
    </select>

</form>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        // $scope.firstname = "John"
    });

</script> -->

<!-- form reset -->
<!-- <div ng-app="myApp" ng-controller="formCtrl">
    <form novalidate>
        First Name:<br>
        <input type="text" ng-model="user.firstName"><br>
        Last Name:<br>
        <input type="text" ng-model="user.lastName">
        <br><br>
        <button ng-click="reset()">RESET</button>
    </form>
    <p>form = {{user}}</p>
    <p>master = {{master}}</p>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('formCtrl', function($scope) {
        $scope.master = {firstName: "John", lastName: "Doe"};
        $scope.reset = function() {
            $scope.user = angular.copy($scope.master);
        };
        $scope.reset();
    });
</script> -->

<!-- 输入验证 -->
<!--
$dirty     表单有填写记录
$valid     字段内容合法的
$invalid   字段内容是非法的
$pristine  表单没有填写记录 -->
<!-- <form ng-app="myApp" ng-controller="validateCtrl" 
name="myForm" novalidate>

    <p>用户名:<br>
        <input type="text" name="user" ng-model="user" required>
        <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
            <span ng-show="myForm.user.$error.required">用户名是必须的。</span>
        </span>
    </p>

    <p>邮箱:<br>
        <input type="email" name="email" ng-model="email" required>
        <span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid">
            <span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
            <span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>
        </span>
    </p>

    <p>
        <input type="submit"
            ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  
            myForm.email.$dirty && myForm.email.$invalid">
    </p>

</form>

<script>
    var app = angular.module('myApp', []);
    app.controller('validateCtrl', function($scope) {
        $scope.user = 'John Doe';
        $scope.email = 'john.doe@gmail.com';
    });
</script> -->

<!-- API -->
<!-- 
angular.lowercase() 转换字符串为小写
angular.uppercase() 转换字符串为大写
angular.isString()  判断给定的对象是否为字符串，如果是返回 true。
angular.isNumber()  判断给定的对象是否为数字，如果是返回 true。 -->

<!-- 【有问题】ng-include -->
<!-- <div ng-app="">
    <div ng-include="'ngInclude.htm'"></div>
    <div ng-include="'http://c.runoob.com/runoobtest/angular_include.php'"></div>
</div>
<script>
    var app = angular.module('myApp', [])
    app.config(function($sceDelegateProvider) {
        $sceDelegateProvider.resourceUrlWhitelist([
        'http://c.runoob.com/runoobtest/**'
        ]);
    });
</script> -->

<!-- 动画 -->
<!-- <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>
<div ng-app="myApp">
    隐藏 DIV: <input type="checkbox" ng-model="myCheck">
    <div class="animateClass" ng-hide="myCheck"></div>
</div>

<script>
    var app = angular.module('myApp', ['ngAnimate']);
</script> -->

<!-- factory -->
<!-- <script>
var mainApp = angular.module("mainApp", []);
mainApp.value("defaultInput", 5);

mainApp.factory('MathService', function() {
    var factory = {};

    factory.multiply = function(a, b) {
        return a * b;
    }
    return factory;
});

mainApp.service('CalcService', function(MathService){
    this.square = function(a) {
        return MathService.multiply(a,a);
    }
});

mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
    $scope.number = defaultInput;
    $scope.result = CalcService.square($scope.number);

    $scope.square = function() {
        $scope.result = CalcService.square($scope.number);
    }
});
</script> -->

<!-- factory -->
<!-- <script>
var mainApp = angular.module("mainApp", []);

mainApp.config(function($provide) {
    $provide.provider('MathService', function() {
        this.$get = function() {
            var factory = {};

            factory.multiply = function(a, b) {
                return a * b;
            }
            return factory;
        };
    });
});

mainApp.value("defaultInput", 5);

mainApp.service('CalcService', function(MathService){
    this.square = function(a) {
        return MathService.multiply(a,a);
    }
});

mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
    $scope.number = defaultInput;
    $scope.result = CalcService.square($scope.number);

    $scope.square = function() {
        $scope.result = CalcService.square($scope.number);
    }
});
</script> -->

<!-- </body> -->

<!-- 自定义指令 -->
<!-- restrict 值可以是以下几种:
    E 作为元素名使用
    A 作为属性使用
    C 作为类名使用
    M 作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。 -->
<!-- <body ng-app="myApp">
    <runoob-directive></runoob-directive>
    <div runoob-directive></div>
    <div class="runoob-directive"></div> -->
    <!-- directive: runoob-directive -->
    <!-- <script>
        var app = angular.module("myApp", []);
        app.directive("runoobDirective", function() {
            return {
                template : "<h1>自定义指令!</h1>"
            };
        });
    </script>
</body> -->

<!-- 路由 -->
<!-- 
controller:
function、string或数组类型，在当前模板上执行的controller函数，生成新的scope。
controllerAs:
string类型，为controller指定别名。
redirectTo:
重定向的地址。
resolve:
指定当前controller所依赖的其他模块。 -->
<!--
$routeProvider.when(url, {
    template: string, // 在 ng-view 中插入简单的 HTML 内容
    templateUrl: string, // 在 ng-view 中插入 HTML 模板文件
    controller: string, function 或 array,
    controllerAs: string,
    redirectTo: string, function,
    resolve: object<key, function>
}); -->
<!-- <body ng-app='routingDemoApp'>

    <h2>AngularJS 路由应用</h2>
    <ul>
        <li><a href="#/">首页</a></li>
        <li><a href="#/computers">电脑</a></li>
        <li><a href="#/printers">打印机</a></li>
        <li><a href="#/blabla">其他</a></li>
    </ul>

    <div ng-view></div>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
    <script>
        angular.module('routingDemoApp',['ngRoute'])
        .config(['$routeProvider', function($routeProvider){
            $routeProvider
            .when('/',{template:'这是首页页面'})
            .when('/computers',{template:'这是电脑分类页面'})
            .when('/printers',{template:'这是打印机页面'})
            .otherwise({redirectTo:'/'});
        }]);
    </script>

    <body ng-app="ngRouteExample" class="ng-scope">
      <script type="text/ng-template" id="embedded.home.html">
          <h1> Home </h1>
      </script>

      <script type="text/ng-template" id="embedded.about.html">
          <h1> About </h1>
      </script>

      <div> 
        <div id="navigation">  
          <a href="#/home">Home</a>
          <a href="#/about">About</a>
        </div>

        <div ng-view="">
        </div>
      </div>
    </body>
    <script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
    <script type="text/javascript">
        angular.module('ngRouteExample', ['ngRoute'])
        .controller('HomeController', function ($scope, $route) { $scope.$route = $route;})
        .controller('AboutController', function ($scope, $route) { $scope.$route = $route;})
        .config(function ($routeProvider) {
            $routeProvider.
            when('/home', {
                templateUrl: 'embedded.home.html',
                controller: 'HomeController'
            }).
            when('/about', {
                templateUrl: 'embedded.about.html',
                controller: 'AboutController'
            }).
            otherwise({
                redirectTo: '/home'
            });
        });
    </script>

</body> -->

<!-- 应用 -->
<body>

<div ng-controller="myNoteCtrl" ng-app="myNoteApp">

<h2>我的笔记</h2>

<p><textarea ng-model="message" cols="40" rows="10"></textarea></p>

<p>
<button ng-click="save()">保存</button>
<button ng-click="clear()">清除</button>
</p>

<p>Number of characters left: <span ng-bind="left()"></span></p>

</div>

<script>
    var app = angular.module("myNoteApp", []);
    app.controller("myNoteCtrl", function($scope) {
        $scope.message = "";
        $scope.left  = function() {return 100 - $scope.message.length;};
        $scope.clear = function() {$scope.message = "";};
        $scope.save  = function() {alert("Note Saved");};
    });
</script>

</body>


</html>
八刀物语
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
软件设计师教程笔记整理-xmind文件
02-21
软件设计师教程所有章节内容的笔记整理，文章链接https://blog.csdn.net/pigdreams/article/details/123038888
AngularJS学习笔记之ng-options指令
10-24
ng-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.有需要的小伙伴可以参考下。
angularjs 未整理--笔记--简单使用和简介
oFengYiZu的专栏
09-29 1908
angularjs简介angularjs简介 angularJs有哪些特性 angularJs的MVC方式 angularJs的作用域 ng简单使用简单使用1 mvc模式scopescoperootScope双大括号表达式 简单使用2 指令系统 简单使用3 双向数据绑定 简单使用4 过滤器 购物车突入 简单实用5 模块化开发 简单使用6 工具方法 之1 bindthis指向co
web学习笔记11-angularjs指令基础学习
点柈
03-20 467
指令基础学习
angularjs 学习笔记---小乱乱
weixin_30600503的博客
08-25 67
定义的controller是一个JavaScript函数，angularjs使用$scope对象来调用控制器，$scope是一个应用对象（属于应用变量和函数），控制器的$scope（相当于作用域、控制范围）用来保存angularjs Model（模型）的对象，控制器中可以使用$scope. 的方式在作用域中定义属性和方法，ng-model指令绑定输入域到控制器的属性。 未...
angularjs笔记
2401_84092483的博客
04-19 648
下面的例子中，自定了一个angular字符串反转的过滤器。将需要过滤的数据传入，然后返回已经过滤的数据。姓名: {{ msg | reverse }}angular和jqueryangular和jquery主要冲突是在 符 号 的 使 用 ， 在 使 用 j q u e r y 的 时 候 为 符号的使用，在使用jquery的时候为 符号的使用，在使用jquery的时候为$(‘#id1’)，可以替换为Jquery(‘#id1’).参考：jQuery 核心 - noConflict() 方法服务。
AngularJS 学习笔记（五）--- 包含和动画
2401_84434086的博客
06-18 263
这是一个被包含的 HTML 页面，使用 ng-include 指令来实现！// 包含AngularJS 代码// b.html 文件的内容。
AngularJs的服务学习笔记整理
沉淀，积累、进步
06-10 263
AngularJs的服务
node笔记随笔---kalrry
kalrry
04-05 708
node笔记随笔---kalrrynodeJS服务器什么是服务器web服务端保存的资源：web服务器（软件）的作用：nodeJS介绍目标优势劣势特点：环境安装版本运行window苹果vscodewebstrom**注意**web服务器的开发1、搭建服务器 （http模块）2、静态资源托管（fs模块）2.1 fs模块2.2 path模块3、动态资源（接口实现）3.1 url模块3.2 querystring 模块3.3 获取非地址栏的数据：模块化规范 commonJS1、模块化的作用2、常见的模块化3、规范是
React笔记随笔---kalrry
kalrry
04-07 1055
React 一、React的简介 1、介绍 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它 2、特点 1）.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。 2）. 灵活
NodeJS笔记二---kalrry
kalrry
02-09 2434
NodeJS笔记二---kalrryNodeJS服务器什么是服务器web服务端保存的资源：web服务器（软件）的作用：nodeJS介绍目标优势劣势特点：环境安装版本运行window苹果vscodewebstrom**注意**web服务器的开发1、搭建服务器 （http模块）2、静态资源托管（fs模块）2.1 fs模块2.2 path模块3、动态资源（接口实现）3.1 url模块3.2 querystring 模块3.3 获取非地址栏的数据：模块化规范 commonJS1、模块化的作用2、常见的模块化3、规范
c++笔记9-引用.pdf
11-16
c++笔记9-引用.pdf
Codecademy-AngularJS-Projects
05-12
**文件名称列表：** "Codecademy-AngularJS-Projects-master" 这个文件名可能代表这是一个GitHub仓库的主分支，"master"通常是GitHub仓库的默认分支，可能包含了整个项目的学习路径、源代码、笔记或者其他资源。...
laravel-angularjs-jwt
05-22
笔记 此应用程序不适合在生产环境中使用。 这是一个非常基本的示例，缺少任何类型的输入验证，过期令牌的处理，本地存储回退到Cookie或任何其他存储的情况。 安装 克隆存储库（ git clone git@github....
常见5种生活用品(钟表、剪刀、牙刷、遥控器、吹风机)识别检测数据集5479张含yolo格式和voc格式两类标签(第2部分)
08-15
由于数据集太大，数据集分两部分，第1部分数据集下载链接：https://download.csdn.net/download/DeepLearning_/89642258 当然也可直接用该数据集训练,两个数据集合一起，训练出来的模型精度肯定要高些！ 【数据集介绍】 1、数据集图片丰富多样，背景丰富，数据多样性充足； 2、类别5类：钟表、剪刀、牙刷、遥控器、吹风机 3、算法拟合较好，yolov9-s训练准确率达到95.8% 4、标注工具，labelimg，标注精确无误、无漏标 5、数据集标签，包含voc格式和yolo格式两种，多种目标检测算法可直接用，且已划分好训练集、验证集 6、适用YOLO全系列算法、YOLOv3、YOLOv4、YOLOv5、YOLOv6、YOLOv7、YOLOv8、YOLOv9、YOLOv10、SSD、faster-rcnn、yoloX等 7、适用于毕设、课设、实训、作业、科研项目、公司实际落地项目等，欢迎下载使用！ 备注：只上传高质量数据集及科研项目资源，都经过博主验证过的，拒绝垃圾数据资源
毕业设计，基于VB+ACCESS开发的电信人事管理系统，内含完整源代码，数据库，开题报告，论文答辩，毕业论文
08-15
毕业设计，基于VB+ACCESS开发的电信人事管理系统，内含完整源代码，数据库，开题报告，论文答辩，毕业论文 本论文详细介绍了一个电信人事管理系统实例的开发于应用，是一个数据库应用系统完整的制作过程。主要内容有：系统开发背景、系统概述、需求分析、系统设计、功能、感受与体会等。其中需求分析中主要对系统的数据流程图进行了详细描绘，系统设计中主要描绘出了该电信人事管理系统的模块设计图和该系统数据库的设计。功能与操作中介绍了对该电信人事管理系统实例的基本功能。 电信人数管理系统结合电信部门中实际的人事、财务制度，经过实际的需求进行分析，采用功能强大的Visual Basic 6.0做为开发工具，并运用Access 2000作为后台数据库，而开发出来的单机人事管理信息系统。 电信人数管理系统从符合操作简便、界面友好、灵活、实用、安全的要求出发，完成人事、考勤、工资、培训、用户等的全过程管理，包括新进员工加入时人事档案的建立、老员工的转出、在职员工职位的变动等引起职工信息的修改、员工信息查询、统计等人事管理工作以及员工考勤管理，还包括员工工资查询、修改、计发、工资表打印等工资管理工作和员工培训信
编写一个使用Python的聚类算法.docx
最新发布
08-15
聚类算法是一类无监督学习方法，用于将数据集中的对象分成多个组或簇，使得同一个簇内的对象彼此相似，而不同簇的对象差异较大。除了KMeans之外，还有许多其他类型的聚类算法，每种算法都有其特点和适用场景。 以下是一些常见的聚类算法及其简要介绍： KMeans： 基于距离的聚类算法。 需要指定聚类的数量。 适用于球形簇和大致相同大小和密度的簇。 层次聚类（Hierarchical Clustering）： 可以是凝聚型（从每个点作为一个簇开始，逐步合并）或分裂型（从所有点为一个簇开始，逐步分割）。 结果通常以树状图（dendrogram）的形式表示。 不需要预先指定聚类数量。 DBSCAN（Density-Based Spatial Clustering of Applications with Noise）： 基于密度的聚类算法。 可以发现任意形状的簇。 能够识别噪声点。 需要设置两个参数：邻域半径（eps）和最小点数（min_samples）。 Mean Shift： 基于密度峰值的聚类算法。 不需要提前指定聚类数量。 使用窗口移动的方式来确定密度峰值作为聚类中心。 Spectral
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值