use ngSwitch in angular js.

Anonymous User 1928 01 Mar 2016

we want to use ngSwitch in angular js. how to use this please help me.

Ask by Anonymous User

Updated 01 Mar 2016

1 Answers

Anonymous User 01 Mar 2016

@{
    Layout = null;

}
<!DOCTYPE html>

<html>

<head>

    <title>Forum</title>

    <meta name="viewport" content="width=device-width" />

    <title></title>

    <script src="~/Scripts/jquery-2.1.4.js"></script>

    <script src="~/Scripts/angular.js"></script>

 <script>

     var app = angular.module('myapp', []);

     app.controller('Controller', ['$scope', function ($scope) {

      $scope.items = ['Home', 'About', 'Contact','Product'];

      $scope.selection = $scope.items[0];
  }]);
      </script>

</head>

<body ng-app="myapp">

<div ng-controller="Controller" style="width:400PX;">

  <select ng-model="selection" ng-options="item for item in items">

  </select>

  <code>selection={{selection}}</code>

  <hr/>

  <div class="container"

    ng-switch on="selection">

      <div class="switch" ng-switch-when="Home">Home Div</div>

      <div class="switch" ng-switch-when="About">About Div</div>

      <div class="switch" ng-switch-when ="Contact">Contact Div</div>

          <div class="switch" ng-switch-when="Product">Product Div</div>

  </div>

</div>

  <style>

      .container {

  position:relative;

  background:white;

  border:1px solid black;

  height:40px;

  overflow:hidden;

  width:400px;

} 
  </style>

</body>

</html>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

use ngSwitch in angular js.

Can you answer this question?

1 Answers