# Wijmo_Angular_Input.Wjcontextmenu

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjContextMenu Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for context menus.</p>
								</div>
								<p>Use the <b>wj-context-menu</b> directive to add context menus to elements
									on the page. The wj-context-menu directive is based on the <b>wj-menu</b>
									directive; it displays a popup menu when the user performs a context menu
								request on an element (usually a right-click).</p>
								<p>The wj-context-menu directive is specified as a parameter added to the
									element that the context menu applies to. The parameter value is a
								CSS selector for the element that contains the menu. For example:</p>
								<pre>&lt;!-- paragraph with a context menu --&gt;
&lt;p wj-context-menu="#idMenu" &gt;
 This paragraph has a context menu.&lt;/p&gt;

&lt;!-- define the context menu (hidden and with an id) --&gt;
&lt;wj-menu id="idMenu" ng-show="false"&gt;
 &lt;wj-menu-item cmd="cmdOpen" cmd-param ="1"&gt;Open...&lt;/wj-menu-item&gt;
 &lt;wj-menu-item cmd="cmdSave" cmd-param="2"&gt;Save &lt;/wj-menu-item&gt;
 &lt;wj-menu-item cmd="cmdSave" cmd-param="3"&gt;Save As...&lt;/wj-menu-item&gt;
 &lt;wj-menu-item cmd="cmdNew" cmd-param ="4"&gt;New...&lt;/wj-menu-item&gt;
 &lt;wj-menu-separator&gt;&lt;/wj-menu-separator&gt;
 &lt;wj-menu-item cmd="cmdExit" cmd-param="5"&gt;Exit&lt;/wj-menu-item&gt;
&lt;/wj-menu &gt;</pre>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjContextMenu</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>