惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
宝玉的分享
宝玉的分享
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
V
Visual Studio Blog
Last Week in AI
Last Week in AI
Hugging Face - Blog
Hugging Face - Blog
博客园 - 司徒正美
博客园 - 三生石上(FineUI控件)
A
About on SuperTechFans
MyScale Blog
MyScale Blog
aimingoo的专栏
aimingoo的专栏
Microsoft Security Blog
Microsoft Security Blog
D
Docker
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Recent Announcements
Recent Announcements
大猫的无限游戏
大猫的无限游戏
IT之家
IT之家
P
Proofpoint News Feed
L
LangChain Blog
Blog — PlanetScale
Blog — PlanetScale
The GitHub Blog
The GitHub Blog
博客园 - 【当耐特】
Martin Fowler
Martin Fowler

博客园 - Insus.NET

Vue3实现拖放式上传 拖放式上传 实现MultipartStreamProvider经Web API上传文档或图片 文件上传和表单字段混合提交 在HttpContext.Current返回null时如何操作 angularjs获取数据服务 扫一扫直连WiFi二维码 User Profile Service 服务未能登录 Visual Studio2026创建Vue项目 安装与配置node.js HTTP Error 403.14 - Forbidden VisualStudio2026回滚上一版本 消息认证码(加强) 网站无法使用插值字符串语法 HMAC(Hash-based Message Authentication Code)认证示例 浏览器自动发送域凭据 企业内小网站兼用Windows验证登录 访问用户控件的函数 onblur事件改为监听处理 将警报消息改为吐司消息 内容有无变化OnBlur即时更新引起的问题与解决 混合式提高用户编辑与操作效率 光标离开文框后即刻更新 WebForm实现Web API JavaScript对GridView删除行后并重新给其数据绑定 把CS值传给JS使用 v2 确认信息confirm由C#后端移至javascript前端 无法发布网站Web Site JavaScript判断字符是否为decimal 点击单元格弹出窗口处理数据返回父页
angularjs根据类型动态加载组件
Insus.NET · 2026-08-19 · via 博客园 - Insus.NET

记录开发一些小功能。
用户选择类型时,加载据选的类型的组件进行数据编辑。
项目是在asp.net web site环境中进行。混入angularjs。刚开始时,把angularjs代码包含在asp:UpdatePanel。在运行时,却乱套了,只好去除UpdatePanel,此时才妥妥安稳跑起来。

2026-08-19_08-29-43


有几个类型,将会有几个组件,其中2个,如下,
2026-08-19_08-08-22


相对应的控制器,

app.controller("eamPCCtrl", ['$scope', 'dataService', function ($scope, dataService) {
    //code... 
    //do something...
}]);

另一个组件,
2026-08-19_08-10-11

app.controller("eamHDCtrl", ['$scope', 'dataService', function ($scope, dataService) {
    $scope.Status = '在用';

    dataService.Statuses().then(function (data) {
        if (data) {
            $scope.Statuses = data;
        }
    });
}]);


onCategoryChange事件的实现,

2026-08-19_08-48-35

这种是比较原始的方法实现动态加载。
在互联网上,有看到网友使用
angular-ui-router

<script src="Scripts/angular-ui-router/release/angular-ui-router.min.js"></script>

ocLazyLoad

<script src="Scripts/oclazyload/dist/ocLazyLoad.min.js"></script>

一次性把控制器与组件一起加载。