Angular
713
Solutions
456
Contributors
Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.
import { Component, OnInit } from '@angular/core';
import { TodoDataService } from '../service/data/service/data/todo-data.service';
export class Todo {
constructor(
public id: number,
public description: string,
public done: boolean,
public targetDate: Date
){
}
}
@Component({
selector: 'app-list-todos',
templateUrl: './list-todos.component.html',
styleUrls: ['./list-todos.component.css']
})
export class ListTodosComponent implements OnInit {
todos = Todo
// new Todo(1,'Learn to Dance',false,new Date()),
// new Todo(2,'Become Expert in angualr',false,new Date()),
// new Todo(3,'Visit South Africa',false,new Date())
// {id : 1,description :'Learn to Dance'},
// {id : 2,description :'Become an Expert in Angular'},
// {id : 3,description :''},
// ]
// todo = {
// id : 1,
// description: 'Learn to dance'
// }
constructor(private todoservice:TodoDataService ) { }
ngOnInit() {
this.todoservice.retriveAllTodos('tshifhiwa')
.subscribe(
response =>
{
console.log(response);
this.todos = response;
}
)
}
}
I have the following popup that needs to be changed to better align with UI standards.This is the AngularJS that makes this page:
I need to put some padding , alighn the buttons properly. Can someone help me refactor?
<script type="text/ng-template" id="ApproveArRequestTemplate.html">
<form>
@*<div class="modal-header">
<h3 class="modal-title">Add attachment</h3>
</div>*@
<div class="modal-body">
<div class="control-group">
<label class="control-lable">Approval Comment</label>
<div class="controls">
<textarea id="approvereason" name="approvereason" class="form-control" ng-model="ApproveReason"></textarea>
</div>
</div>
<div class="checkbox" ng-show="item.IsRoleEvpCfoCoo">
<label><input type="checkbox" id="IsRouteToCEO" ng-disabled="IsRouteToCEO" ng-model="IsRouteToCEO" /> Route to CEO for approval</label>
</div>
<div class="checkbox" ng-show="item.IsRoleCreditDeptFPnACommOp">
<label><input type="checkbox" id="IsRouteToDirectorOfTax" ng-model="IsRouteToDirectorOfTax" /> Route to Corporate Tax</label>
</div>
<label class="control-label" ng-show="item.IsRoleLocalFinance">Are Pre-Approved Business Metrics Met</label>
<div class="col-md-6">
<div class="btn-group"
I am using html & angularJS in my web application. How do i achieve this?
Here is the screenshot
Angular
713
Solutions
456
Contributors
Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.
