背景
AngularJS 是一款流行的前端框架，它提供了很多内置的指令来帮助我们快速开发高质量的 web 应用。其中之一就是 ng-show，它用于控制元素的可见性。不过，在 AngularJS 的某些版本中，使用 ng-show 可能会遇到一个常见的问题：ng-show 未定义。这篇文章将介绍这个问题的原因和解决方法。
原因
当我们使用 ng-show 时，AngularJS 会在全局作用域中寻找名为 ng-show 的指令。如果找不到，就会出现 ng-show 未定义的错误。这通常是由于某些原因导致 ng-show 指令没有正确加载。
在 AngularJS 1.3 版本之前，ng-show 指令是在所谓的 ng 模块中定义的。如果你的应用程序没有正确加载该模块，ng-show 就会变成未定义的。在 AngularJS 1.3 版本中，ng-show 已经移动到了自己的模块中，但是如果你的应用程序没有正确加载该模块，同样会出现 ng-show 未定义的错误。
解决方法
有两种解决方法可以解决 ng-show 未定义的问题。
方法一：手动加载 ng-show 模块
如果你的应用程序依赖于 AngularJS 特定版本之前的版本，你可以手动加载 ng-show 模块，以确保指令正常工作。具体方法如下：
angular.module('myApp', ['ng-show']);这会将 ng-show 模块添加到你的应用程序中，并将指令注册到全局作用域中。
方法二：升级 AngularJS 版本
如果你的应用程序依赖于 AngularJS 1.3 版本或更高版本，则可以考虑升级框架版本。在 AngularJS 1.3 版本之后，ng-show 指令被移到了自己的模块中，这意味着你不需要手动加载该模块，也不会遇到 ng-show 未定义的问题。
结论
ng-show 未定义是 AngularJS 中一个常见的问题，但是它有简单的解决方法。你可以手动加载 ng-show 模块，也可以考虑升级框架版本。无论你选择哪种方法，确保指令能够正确工作是非常重要的。
示例代码
-- -------------------- ---- -------
--------- -----
----- ---------------
------
-------------- --------------
------- ------------------------------------------------------------------------------------
--------
----------------------- ---
--------------------- -------- -------- -
------------------ - -----
---
---------
-------
----- -----------------------
--- -------------------------- --------------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6736a8e50bc820c582559c84