afirdousi

0 info it worked if it ends with ok
1 verbose cli [ '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/node',
1 verbose cli   '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/npm',
1 verbose cli   'install',
1 verbose cli   'oracledb' ]
2 info using npm@3.10.10
3 info using node@v6.10.2
4 silly loadCurrentTree Starting
5 silly install loadCurrentTree
6 silly install readLocalPackageData

afirdousi

npm info it worked if it ends with ok
npm verb cli [ '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/node',
npm verb cli   '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/npm',
npm verb cli   'install',
npm verb cli   '--verbose',
npm verb cli   'oracledb' ]
npm info using npm@3.10.10
npm info using node@v6.10.2
npm verb request uri https://registry.npmjs.org/oracledb
npm verb request always-auth set; sending authorization

afirdousi

div {
  border-bottom:1px solid red;
  display:inline-block;
  
}
input {
 border:none;
 border-bottom:1px solid red;
 outline:none;
 color:red;

afirdousi

:host {
  background-color: #ffffe5;
  border:1px solid red;
  padding:10px;
}

div {
  border-bottom:1px solid red;
  display:inline-block;
  

afirdousi

@Component({
  selector: 'my-custom-input',
  templateUrl: 'src/my-custom-input.component.html',
  styleUrls:['src/my-custom-input.component.css'],
  encapsulation: ViewEncapsulation.Emulated
})
export class MyCustomInput {
  
  @Input() label;

afirdousi

@Component({
  selector: 'my-custom-input',
  templateUrl: 'src/my-custom-input.component.html',
  styles:[`
    div {
      border-bottom:1px solid red;
      display:inline-block;

    }
    input {

afirdousi

<div>{{label}}</div>    <!-- Using div for lable is just for demonstration purpose.  -->
<input type="text" />

afirdousi

<div>{{label}}</div>    <!-- Using div for lable is just for demonstration purpose.  -->
<ng-content></ng-content>

afirdousi

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <my-custom-input [label]="'Name'">
        <input type="text">
      </my-custom-input>
    </div>
  `,

afirdousi

<my-custom-input [label]="'Name'">
    <input type="text">
</my-custom-input>

<my-custom-input [label]="'Password'">
    <input type="password">
</my-custom-input>

 <my-custom-input [label]="'Number'">
    <input type="date">